again XMLHttpRequest

       早就想写一下XMLHttpRequest这个对象了，却一直对它的运行原理不甚理解，现在终于搞通了，可以上手的操作，就在这里写一下关于它的东西吧，不多说了，开始吧，这是一个处理服务器之间的通信之间的一个对象，通常的我们浏览网页都是通过直接在服务器上下载过来后，才能看到结果，相信大家一定都知道，尤其当网速很慢的时候，这种用户的体验一点都不好，页面一片空白，需要长时间的等待，还可能是错误的信息，可能需要重要填写，看起来很不舒服，现在我们可以通过ajax了，把javascript和XMLHttpRequest放在表单和服务器之间，当用户填写好表单后，不是直接发给服务器，而是通过javascript在后台提交，而用户可以继续正常的进行操作。这种异步的方法，对于填写表单之类的提交是一个不错的解决方案。让我们来看看他们是怎么运作的吧！

1.创建对象XMLHttpRequest

var XMLHttpReq; function createXMLHttpRequest(){//mozilla if(window.XMLHttpRequest) { XMLHttpRequest=new XMLHttpRequest(); } else if(window.ActiveXObject){//IE try { XMLHttpReq=new ActiveXObject("Msxml2.XMLHttpRequest"); } catch(e){} } } 

 

2.发送请求

function sendXMLHttpRequest(){ createXMLHttpRequest(); var url="auto"; XMLHttpReq.open("GET",url,true); XMLHttpReq.onreadystatechange=processResponse(); XMLHttpReq.send(null); }   

4.处理响应

 function displayHot(){ var num=XMLHttpReq.responseXML.getElementsByTayName("num")[0].firstChild.nodeValue; document.getElementById("name").innerHTML="您的新的消息数目为:"; document.getElementById("num").innerHTML=num; }

 <tr><td id="name"></td></tr>
 <tr><td id="num"></td></tr>