原生Ajax的创建过程

1. 创建xhr 核心对象

var xhr=new XMLHttpRequest();

2. 调用open 准备发送

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

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

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

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

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

xhr.send('user=tom&age=10&sex=女')

5. 监听异步回调 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();
              }
            }
          }

备注：如果是post请求，想要传json格式数据。

设置请求头

xhr.setRequestHeader('Content-Type', 'application/json')

open发送数据

xhr.open({_id:xxx,user:xxxx,age:xxxx})

最后

以上就是直率寒风为你收集整理的原生Ajax的创建过程的全部内容，希望文章能够帮你解决原生Ajax的创建过程所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。