ajax的核心技术是XMLHttpRequest对象，简称XHR。
//支持IE7及更高的版本 function createXML() { if(typeof XMLHttpReqquest!="undefined") { return new XMLHttpRequest(); } else if(typeof ActiveXObject!="undefined") { if(typeof arguments.callee.activeXString!="string") { var version=["MSXML2.XMLHttp.6.0","MSXML2.XMLHttp.3.0","MSXML2.XMLHttp"], i,len; for(i=0,len=version.length;i<len;i++) { try { new ActiveXObject(version[i]); arguments.callee.activeXSting=version[i]; break; } catch(ex) {} } } return new ActiveXObject(arguments.callee.activeXSting); } else { throw new Error(No XHR object available!); } }
函数首先检测原生XHR对象是否存在，如果存在就返回它的新实例。如果不存在就检测ActiveX对象。如果两个对象都不存在就抛出一个错误。
XMLHttpRequest的用法：
在使用XHR对象时，要调用的第一个方法就是open(),open()方法接受三个参数：1,要发送请求的类型（“get”,"post"等） 2,请求的url 3,表示是否发送异步请求的布尔值。
xhr.open("get","test.php",false);//open并不会真的发送请求，而只是启动了请求以备发送。
var xhr=createXHR(); xhr.open("get","test.php",false); xhe.send(null);
惰性载入函数
没次调用createXHR()都要对浏览器支持的功能进行检查。首先检查XHR，然后检查基于activeX的XHR。还有if语句的判断，没次都要进行判断，肯定必没有if判断的代码，运行速度慢，即使只是if判断。
第一种，惰性载入的方式。
function createXHR(){ if(typeof XMLHttpRequest !=undefined){ createXHR=function(){ return new XMLHttpRequest(); }; } else if(typeof ActiveXObject!=undefined){ createXHR=function(){ if(typeof arguments.callee.activeXString!="string"){ var version=["MSXML2.XMLHttp.6.0","MSXML2.XMLHttp.3.0","MSXML2.XMLHttp"], i,len; for(i=0;len=version.length,i<len;i++){ try{ new ActiveXObject(version[i]); arguments.callee.activeXString=version[i]; break; } catch(ex){ //skip } } } return new ActiveXObject(arguments.callee.activeXString); }; } else{ createXHR=function(){ throw new Error("No XHR object available."); }; } return createXHR();
第二种在声明函数时就指定适当的函数。
var createXHR=(function(){ if(typeof XMLHttpRequest !=undefined){ return function(){ return new XMLHttpRequest(); }; } else if(typeof ActiveXObject!=undefined){ return function(){ if(typeof arguments.callee.activeXString!="string"){ var version=["MSXML2.XMLHttp.6.0","MSXML2.XMLHttp.3.0","MSXML2.XMLHttp"], i,len; for(i=0;len=version.length,i<len;i++){ try{ new ActiveXObject(version[i]); arguments.callee.activeXString=version[i]; break; } catch(ex){ //skip } } } return new ActiveXObject(arguments.callee.activeXString); }; } else{ createXHR=function(){ throw new Error("No XHR object available."); }; } return createXHR(); })();
