javascript中的AJAX

兼容获取XMLHttpRequest

最新推荐文章于 2022-01-16 10:24:45 发布

冰河winner

最新推荐文章于 2022-01-16 10:24:45 发布

阅读量1.4k

点赞数 7

CC 4.0 BY-SA版权

文章标签： javascript ajax function

本文链接：https://blog.youkuaiyun.com/u012152619/article/details/42023619

本文介绍了一种兼容多种浏览器的方法来获取XMLHttpRequest对象，并提供了一个AJAX处理函数的示例，展示了如何设置请求类型、发送数据及处理响应。

兼容地获得XMLHttpRequest对象：

var xhr = null;
if(window.XMLHttpRequest){  //非IE浏览器
      xhr = window.XMLHttpRequest;
}else if(window.ActiveXObject){  //IE浏览器
      try{           //高版本，受msxml3.dll+支持
             xhr = new ActiveXObject("Msxml2.XMLHTTP");
      }catch(e){
             try{       // 低版本，msxml2.6以下版本使用
                    xhr = new ActiveXObject("Microsoft.XMLHTTP");
             }catch(e){ 
                    alert("IE浏览器无法创建ActiveXObject对象！");
             }
      }
}

AJAX处理函数：

xhr.open("POST",url,true);
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xhr.onreadystatechange=stateChangeHandler;
xhr.send();  //var name="clf";   xhr.send(name);
function stateChangeHandler(){
      if(xhr.readystate==4&&xhr.status==200){
            var obj = document.getElementById("targetDiv");
	    obj.innerHTML = xhr.responseText;
      }
}