原生ajax代码笔记

这个小练习的html代码很简单<div id="mydiv">随便</div>这个练习就是用原生的ajax获取本地服务器的一个简单的php的返回信息，将返回信息装上id为mydiv的元素上面。js代码

这个小练习的html代码很简单

<div id="mydiv">随便</div>

这个练习就是用原生的ajax获取本地服务器的一个简单的php的返回信息，将返回信息装上id为mydiv的元素上面。

js代码如下：

//XHR构造函数function createXHR(){	if(typeof XMLHttpRequest != "undefined"){		return new XMLHttpRequest();	}else if(typeof ActiveXObject != "undefined"){		if (typeof arguments.callee.activeXString != "string"){			var versions = ["MSXML2.XMLHttp.6.0","MSXML2.XMLHttp.3.0","MSXML2.XMLHttp"], i, len;			for (i=0,len=versions.length; i<len; i++){				try{					new ActiveXobject(versionbs[i]);					arguments.callee.activeXString = versions[i];					break;				}catch (ex){					//跳过				}			}		}		return new ActiveXObject(arguments.callee.activeXString);	}else{		throw new Error("NO XHR object avaliable");	}}//创建XHR对象var xhr = createXHR();xhr.onreadystatechange = function(){	if(xhr.readyState == 4){		if((xhr.status >= 200 && xhr.status <300) || xhr.status == 304){				//alert(xhr.responseText);			var mydiv = document.getElementById("mydiv");			EventUtil.addHandler(mydiv,"click",function(event){				mydiv.innerHTML = xhr.responseText;		})		}else{			alert("fail:" + xhr.status);		}	}}xhr.open("get","http://localhost/php1.php",true);xhr.send(null);