标签：通过 响应 技术 http状态码 服务器端 src sync time check
一、发送请求
Ajax中通过XMLHttpRequest对象发送异步方式的后台请求时。通常有两种方式的请求，一种是GET请求，另一种是POST请求。发送请求一般要经过4个步骤分别是：
（1）初始化XMLHttpRequest对象
（2）为XMLHt指定一个返回结果的回调函数，用于返回结果的处理
（3）创建一个与服务器的连接。指定发送的请求是GET还是POST且是否采用异步方式发送请求
（4）向服务器发送请求。
1 <script type="text/javascript"> 2 3 function checkBrowerType(){ 4 //第一步：初始化XMLHttpRequest对象 5 var http_request = false; 6 if(window.XMLHttpRequest){ //非IE浏览器; 在调用window.ActiveXObject将返回一个对象，或是null（如果返回一个对象则为true，返回null则为false） 7 http_request = new XMLHttpRequest(); //创建XMLHttpRequest对象 8 9 }else if(window.ActiveXObject){ 10 try{ 11 http_request = new ActiveXObject("Msxml2.XMLHTTP"); //创建XMLHttpRequest对象 12 }catch(e){ 13 try{ 14 http_request = new ActiveXObject("Microsoft.XMLHTTP"); //创建XMLHttpRequest对象 15 }catch(e){ 16 17 } 18 } 19 } 20 if(!http_request){ 21 alert("不能创建XMLHttpRequest对象实例"); 22 return false; 23 } 24 //第二步：设置回调函数 25 http_request.onreadystatechange = getResult; //调用返回处理函数 26 /* 27 注意：如果XMLHttpRequest对象的onreadystatechange属性指定回调函数时， 28 不能指定要传递的参数。如果要指定参数可以使用以下方法： 29 http_request.onreadystatechange = function(){ 30 getResult(param) 31 }; 32 */ 33 34 //第三步：创建一个与服务器的连接,（请求采用GET或POST请求方式，以及是否采用异步方式） 35 http_request.open("GET",url,true); 36 //第四步：向服务器发送请求 37 http_request.send(null); 38 } 39 /*编写回调函数getResult（）*/ 40 function getResult(){ 41 42 } 43 </script>
小技巧：在建立与服务器的连接时，指定open(“method”，“url” ，async)中的url参数时，最好将一个时间戳追加到该url参数后面，这样可以防止因浏览器缓存结果而不能实时得到最新的结果。例如：可以这样指定url参数：String url="deal.jsp?nocache="+new Date().getTime();
二、处理服务器的响应
在处理服务器响应时需要通过XMLHttpRequest对象的onreadystatechange属性指定一个回调函数，用来处理服务器响应。在这个回调函数中，首先需要判断服务器的请求状态，保证请求已经完成；然后根据服务器的HTTP状态码，判断服务器对请求响应是否成功，如果成功，则获取服务器的响应反馈给客户。
XMLHttpRequest中提供了两种访问服务器响应的属性：一个是responseText属性，返回字符串响应；另一个是responseXML属性，返回XML响应。
（1）处理字符串响应
例如：
1 function getResult(){ 2 if(http_request.readyState == 4){ //判断请求状态 3 if(http_request.status == 200){ //请求成功，开始处理返回结果 4 alert(http_request.responseText); //显示判断结果 5 }else{ 6 alert("请求的页面有错误！"); 7 } 8 } 9 }
（2）处理XML响应
如果在服务器端需要生成特别负责的响应，则就要应用XML响应。
例：保存图书信息到XML文档中，并且使用回调函数将XML中的信息读取出来。
①XML中的图书信息，代码如下：
1 <?xml version="1.0" encoding="UTF-8"?> 2 <mr> 3 <books> 4 <book> 5 <title>Java Web程序开发</title> 6 <publisher>人民邮电出版社</publisher> 7 </book> 8 <book> 9 <title>Java从入门到精通</title> 10 <publisher>人民邮电出版社</publisher> 11 </book> 12 </books> 13 </mr>
②在回调函数中遍历保存图书信息的XML文档，并将其显示到页面中，代码如下：
1 <script type="text/javascript"> 2 function getResult(){ 3 //判断请求状态 4 if(http_request.readyState == 4){ 5 //请求成功，开始处理响应 6 if(http_request.status == 200){ 7 var xmldoc = http_request.responseXML; 8 var str = ""; 9 for(int i=0;i<xmldoc.getElementsByTagName("book").length;i++){ 10 var book = xmldoc.getElementsByTagName("book").item(i); 11 str = str + "《"+book.getElementsByTagName("title")[0].firstChild.data + "》 由“" 12 +book.getElementByTagName("publisher")[0].firstChild.data + "” 出版<br>"; 13 } 14 document.getElementById("book").innerHTML = str; //显示图书信息 15 }else{ 16 alert("请求的页面有错误！"); 17 } 18 19 } 20 } 21 </script> 22 <div id="book"></div>
标签：通过 响应 技术 http状态码 服务器端 src sync time check
原文地址：http://www.cnblogs.com/lihuibin/p/7746636.html
