核心提示: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; //其它代码 } } }