Ajax示例

最新推荐文章于 2021-01-08 11:10:54 发布

fulinkster

最新推荐文章于 2021-01-08 11:10:54 发布

阅读量983

点赞数

分类专栏： JavaScript 文章标签： ajax xmlhttprequest function url null

本文链接：https://blog.csdn.net/fulinkster/article/details/6584152

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

var xhr = function() { //高效创建兼容的XMLHttpRequest对象
var fns = [function () { return new XMLHttpRequest(); },function () { return new ActiveXObject('Msxml2.XMLHTTP'); },
      function () { return new ActiveXObject('Microsoft.XMLHTTP'); },
     ];
for (var i = 0,n=fns.length; i < n; i++) {
   try {
    fns[i]();
    xhr = fns[i];//注意这里，用于重置函数
    break;
   }catch(e){}
}
return xhr()
}


var xmlReq;
function testAjax(){ //事件
xmlReq = xhr();
if(typeof(xmlReq)!='undefined'){
   var url = "";
   xmlReq.open("GET",url,true);
   xmlReq.onreadystatechange = queryInfo;
   xmlReq.send(null);
}else{
   alert("创建XMLHttpRequest失败！");
}
}

function queryInfo(){ //Ajax响应
if(xmlReq.readystate==4) //请求状态为4表示成功
{
   if(xmlReq.status==200) //http状态200表示OK
   {
    var xmlContext = xmlReq.responseXml;
    alert(xmlReq.responseText);
   }
   else //http返回状态失败
   {
    alert("数据加载失败！请重试！");
   }
}
else //请求状态还没有成功，页面等待
{
}
}