码迷,mamicode.com
首页 > Web开发 > 详细

原生ajax的请求过程

时间:2019-01-11 00:03:21      阅读:267      评论:0      收藏:0      [点我收藏+]

标签:发送请求   center   请求过程   ready   全平台   ajax   创建   console   change   

原生ajax的请求过程

创建全平台兼容的XMLHttpRequest对象:

function getXHR(){  var xhr = null;  if(window.XMLHttpRequest) {// 兼容 IE7+, Firefox, Chrome, Opera, Safari
    xhr = new XMLHttpRequest();
  } else if (window.ActiveXObject) {    try {
      xhr = new ActiveXObject("Msxml2.XMLHTTP");// 即MSXML3
    } catch (e) {      try {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");// // 兼容 IE6, IE5,很老的api,虽然浏览器支持,功能可能不完善,故不建议使用
      } catch (e) {
        alert("您的浏览器暂不支持Ajax!");
      }
    }
  }  return xhr;
}

  

Ajax请求数据的过程:

var xhr = getXHR();
xhr.open(‘GET‘, url/file,true);  //设置请求方式,url,以及是否异步xhr.onreadystatechange = function() {   //设置回调监听函数
   if(xhr.readyState==4){        if(xhr.status==200){            var data=xhr.responseText;             console.log(data);
   }
};
xhr.onerror = function() {  console.log("Oh, error");
};
xhr.send();  //发送请求

  

 

原生ajax的请求过程

标签:发送请求   center   请求过程   ready   全平台   ajax   创建   console   change   

原文地址:https://www.cnblogs.com/mahmud/p/10252908.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!