Ajax：Asynchronous JavaScript and XML 的缩写，指的是通过 JavaScript 的异步通信，从服务器获取 XML 文档从中提取数据，再更新当前网页的对应部分，而不用刷新整个网页。
前提：只有 协议+端口+域名 一模一样才允许发 AJAX 请求
Ajax步骤：①创建 XMLHttpRequest 实例 ②发出 HTTP 请求 ③接收服务器传回的数据 ④更新网页数据
除Ajax外，通常还有 下面的请求方式：（jsonp）
用 form 可以发请求，但是会刷新页面或新开页面
用 a 可以发 get 请求，但是也会刷新页面或新开页面
用 img 可以发 get 请求，但是只能以图片的形式展示
用 link 可以发 get 请求，但是只能以 CSS、favicon 的形式展示
用 script 可以发 get 请求，但是只能以脚本的形式运行
（ajax有get、post、put、delete请求方式）
1、XMLHttpRequest .readyState表示实例对象的当前状态。该属性只读
0，表示 XMLHttpRequest 实例已经生成，但是实例的open()方法还没有被调用。
1，表示open()方法已经调用，但是实例的send()方法还没有调用，仍然可以使用实例的setRequestHeader()方法，设定 HTTP 请求的头信息。
2，表示实例的send()方法已经调用，并且服务器返回的头信息和状态码已经收到。
3，表示正在接收服务器传来的数据体（body 部分）。这时，如果实例的responseType属性等于text或者空字符串，responseText属性就会包含已经收到的部分信息。
4，表示服务器返回的数据已经完全接收，或者本次接收已经失败。
2、CORS跨域资源共享（Cross-origin resource sharing）
在响应上加：response.setHeader('Access-Control-Allow-Origin','http://跨域网址')
3、JS操作请求和响应（浏览器）
操作请求/响应内容
4、封装jQuery.Ajax
因为每个程序员的回调名不一样，所以用 Promise 解决这个问题
（在request.send()里设置请求体时，Chrome浏览器用 post 请求才能显示）
