核心提示:XHRAJAX大家已经都知道了,是为了实现异步通讯,提高用户体验度XMLHttpRequest对象则是其中的重重之中。这篇博客重点总结一下这个对象的使用。当然还是按照经典的五步法来学习,以后在实践中有...
XHR
AJAX大家已经都知道了,是为了实现异步通讯,提高用户体验度XMLHttpRequest对象则是其中的重重之中。这篇博客重点总结一下这个对象的使用。当然还是按照经典的五步法来学习,以后在实践中有更多更好的想法,会拿出来分享的!
创建XMLHttpRuquest对象
var xmlhttprequest;
if(window.XMLHttpRequest){
xmlhttprequest=new XMLHttpRequest();
if(xmlhttprequest.overrideMimeType){
xmlhttprequest.overrideMimeType("text/xml");
}
}else if(window.ActiveXObject){
var activeName=["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
for(var i=0;i注册回调方法
xmlhttp.onreadystatechange=callback;
设置和服务器交互的相应参数
xmlhttp.open("GET","ajax?name=" +userName,true);
设置向服务器端发送的数据,启动和服务器端的交互
xmlhttp.send(null);
判断服务器端的交互是否完成,判断服务器端是否返回正确的数据
//根基实际条件写callback的功能代码
function callback(){
if(xmlhttp.readState==4){
//表示服务器的相应代码是200;正确返回了数据
if(xmlhttp.status==200){
//纯文本数据的接受方法
var message=xmlhttp.responseText;
//使用的前提是,服务器端需要设置content-type为text/xml
//var domXml=xmlhttp.responseXML;
//其它代码
}
}
}


