原生ajax创建过程

ajax是实现页面无刷新可以更新数据，提高了用户体验

1.创建ajax原生实例

var native = new xmlHttpRequest()

2.调用open准备发送(有三个参数）

如果是post请求传json文件，open发送数据的时候括号里面直接写对象

• 请求方式
• url(请求地址 )
• async(true 异步 false 同步)

native.open('post',url,true)

3.如果是post请求，必须设置请求头

设置编码方法：setRequestHeader
语法：native.setRequestHeader(bstrHeader, bstrValue);
参数: bstrHeader 字符串，头名称。 bstrValue 字符串，值。

native.setRequestHeader('Content-Type','application/x-www-form-urlencoded')

4.调用send发送请求(不需要参数的话就写null)

native.send('user=EXO-L&age=10')

5.监听异步回调

onreadystatechange:是状态改变时候的监听函数

native.onreadystatechange = function () {
			/*  readyState的状态值
			* 0 请求未初始化
			* 1 服务器建立连接
			* 2 请求已经接受
			* 3 请求处理中
			* 4 请求已完成, 响应已就绪
			* */
            if (native.readyState == 4) {//readyState为 4 表示请求已完成, 响应已就绪
                if (native.status == 200) {//status状态码为 200 表示接口请求成功
                    console.log(native.responseText);
                    var res = JSON.parse(native.responseText);
                    console.log(res);
                    if (res.code == 1) {
                        modal.modal('hide');
                        location.reload();
                    }
                }
            }
            native.send('user=EXO-L&age=10')
        }