原生AJAX写法实例分析
本文实例分析了原生AJAX写法。分享给大家供大家参考。具体分析如下：
虽然现在很多JS的框架提供了AJAX的调用方法，我们甚至不用去了解其具体的实现原理就可以直接调用了，但是我认为不去从最基础的层面了解一个东西，就很难做到最好。
varXHR=null;
if(window.XMLHttpRequest){
//非IE内核
XHR=newXMLHttpRequest();
}elseif(window.ActiveXObject){
//IE内核,这里早期IE的版本写法不同,具体可以查询下
XHR=newActiveXObject("Microsoft.XMLHTTP");
}else{
XHR=null;
}
if(XHR){
XHR.open("GET","ajaxServer.action");
XHR.onreadystatechange=function(){
//readyState值说明
//0,初始化,XHR对象已经创建,还未执行open
//1,载入,已经调用open方法,但是还没发送请求
//2,载入完成,请求已经发送完成
//3,交互,可以接收到部分数据
//status值说明
//200:成功
//404:没有发现文件、查询或URl
//500:服务器产生内部错误
if(XHR.readyState==4&&XHR.status==200){
//这里可以对返回的内容做处理
//一般会返回JSON或XML数据格式
console.log(XHR.responseText);
//主动释放,JS本身也会回收的
XHR=null;
}
};
XHR.send();
}
希望本文所述对大家的Ajax程序设计有所帮助。