原生Ajax的创建过程

1、创建xhr核心对象

var xhr = new XMLHttpRequest();

2、调用open准备发送

• 参数一：请求方式
• 参数二：请求地址
• 参数三：true同步，false异步

xhr.open('post','http://www.baidu.com',true)

3、调用send 发送请求 （如果不需要参数，就写null）

xhr.send('username=张三&password=123456')

4、监听异步回调 onreadystatechange

• 判断readyState 为4 表示请求完成
• 判断status 状态码 为 200 表示接口请求成功
• responeseText 为相应数据。字符串类型。

  xhr.onreadystatechange=function(){
          if(xhr.readyState==4){ 
            if(xhr.status==200){
              console.log(xhr.responseText);
              var res=JSON.parse(xhr.responseText);
              console.log(res);
              if(res.code==1){
                modal.modal('hide');
                location.reload();
              }
            }
          }

5、如果是post请求，必须设置请求头

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