原生js创建XMLhttpRequest对象

- 搜索结果为空

精彩文章,等您来抒写! 😄
登录/ 注册

网站精华

您当前的位置是：主页专栏

原生js创建XMLhttpRequest对象

【社区流浪汉】 2021-01-29 252次围观 0条评论

分类专栏: Javascript&

简介原生javascript封装通用的xhr对象，兼容各个版本.

// 封装通用的xhr对象，兼容各个版本  function createXHR(){    // 判断浏览器是否将XMLHttpRequest作为本地对象实现，针对IE8    if (typeof XMLHttpRequest != 'undefined') {      return new XMLHttpRequest();    } else if (typeof ActiveXObject != 'undefined') {      // 将所有可能出现的ActiveXObject版本放在一个数组中      var xhrArr = ['Microsoft.XMLHTTP', 'MSXML2.XMLHTTP.6.0', 'MSXML2.XMLHTTP.5.0', 'MSXML2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP.4.0'];      // 遍历创建XMLHttpRequest对象      var len = xhrArr.length, xhr;      for(let i = 0; i < len; i++) {        try{          // 创建XMLHttpRequest对象          xhr = new ActiveXObject(xhrArr[i]);          break;        }catch(err){          console.log(err);        }      }      return xhr;    } else {      throw new Error('No XHR object availabel!')    }  } // XMLHttpRequest对象 var xhr = createXHR(), data; // 响应XMLHttpRequest对象状态变化的函数，OnreadyStatechange在readyState属性发生改变时触发 xhr.onreadystatechange = function () { // 响应内容解析完成，可以在客户端调用 if (xhr.readyState == 4) { // 异步调用成功, 304表示请求资源没有改变 if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304) { // 获得服务器返回的数据。 console.log(JSON.parse(xhr.responseText)) data = JSON.parse(xhr.responseText) // 渲染数据到页面中 renderDataToDom(); } } } // 创建请求 xhr.open("GET", "http://106.55.147.49:12005/public/list", true); // 发送请求 xhr.send({user: "zhangsan", id: 6}) xhr.send(null); // 设置http头部信息 // xhr.setRequestHeader("Content-type", "application/x-wwww-form-urlencoded");

转载：

喜欢 3

上一篇： Event对象跨浏览器兼容事件

下一篇： js中加载script标签监听失败和成功的回调

暂无评论信息

友情链接

原生js创建XMLhttpRequest对象

娱美德旗下MMORPG手游《传奇4》将推出新PVP玩法"比奇掠夺"&

Docker 常用命令

亚马逊推出“无需收银员”的新技术，以此帮助品牌和广告商提高销量

jQuery 3.0正式发布

原生js创建XMLhttpRequest对象

娱美德旗下MMORPG手游《传奇4》将推出新PVP玩法&quot;比奇掠夺&quot;&amp;

Docker 常用命令

亚马逊推出“无需收银员”的新技术，以此帮助品牌和广告商提高销量

jQuery 3.0正式发布

娱美德旗下MMORPG手游《传奇4》将推出新PVP玩法"比奇掠夺"&