代码不停,分享不止😃 Mahmud|
2019-01-10 23:10阅读: 181评论: 0推荐: 0

原生ajax的请求过程

原生ajax的请求过程

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

1
2
3
4
5
6
7
8
9
10
11
12
function getXHR(){  var xhr = nullif(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请求数据的过程:

1
2
3
4
5
6
7
8
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();  //发送请求

  

 

本文作者:Mahmud(مەھمۇد)

本文链接:https://www.cnblogs.com/mahmud/p/10252908.html

版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   Mahmud(مەھمۇد)  阅读(181)  评论(0编辑  收藏  举报
编辑推荐:
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
阅读排行:
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· 凌晨三点救火实录:Java内存泄漏的七个神坑,你至少踩过三个!
点击右上角即可分享
微信分享提示
评论
收藏
关注
推荐
深色
回顶
收起
  1. 1 404 not found REOL
404 not found - REOL
00:00 / 00:00
An audio error has occurred.

Not available