加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

原生ajax的请求过程

发布时间:2020-12-16 02:59:11 所属栏目:百科 来源:网络整理
导读:原生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 A

原生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();  //发送请求

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读