编辑“XML HTTP Request”

<span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>导航:</strong> [[XML学习教程#XML学习教程|上一页]] | {{template:开发语言导航}}</span>
<div style="clear:both;"></div>


== 什么是 XMLHttpRequest 对象 ==

XMLHttpRequest 对象是开发者的梦想，因为您能够： <br>

在不重新加载页面的情况下更新网页 <br>
在页面已加载后从服务器请求数据 <br>
在页面已加载后从服务器接收数据 <br>
在后台向服务器发送数据 <br>
所有现代的浏览器都支持 XMLHttpRequest 对象。<br>



== 创建 XMLHttpRequest 对象 ==

通过一行简单的 JavaScript 代码，我们就可以创建 XMLHttpRequest 对象。<br>

在所有现代浏览器中（包括 IE 7）：<br>

 xmlhttp=new XMLHttpRequest()在 Internet Explorer 5 和 6 中：<br>
 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")实例<br>
 <script type="text/javascript"><br>
 var xmlhttp;<br>
 function loadXMLDoc(url)<br>
 {<br>
 xmlhttp=null;<br>
 if (window.XMLHttpRequest)<br>
  {// code for all new browsers<br>
  xmlhttp=new XMLHttpRequest();<br>
  }<br>
 else if (window.ActiveXObject)<br>
  {// code for IE5 and IE6<br>
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");<br>
  }<br>
 if (xmlhttp!=null)<br>
  {<br>
  xmlhttp.onreadystatechange=state_Change;<br>
  xmlhttp.open("GET",url,true);<br>
  xmlhttp.send(null);<br>
  }<br>
 else<br>
  {<br>
  alert("Your browser does not support XMLHTTP.");<br>
  }<br>
 }<br>
 function state_Change()<br>
 {<br>
 if (xmlhttp.readyState==4)<br>
  {// 4 = "loaded"<br>
  if (xmlhttp.status==200)<br>
    {// 200 = OK<br>
    // ...our code here...<br>
    }<br>
  else<br>
    {<br>
    alert("Problem retrieving XML data");<br>
    }<br>
  }<br>
 }<br>
 </script><br>

注释：onreadystatechange 是一个事件句柄。它的值 (state_Change) 是一个函数的名称，当 XMLHttpRequest 对象的状态发生改变时，会触发此函数。状态从 0 (uninitialized) 到 4 (complete) 进行变化。仅在状态为 4 时，我们才执行代码。<br>

== 为什么使用 Async=true ==
 
我们的实例在 open() 的第三个参数中使用了 "true"。<br>

该参数规定请求是否异步处理。<br>

True 表示脚本会在 send() 方法之后继续执行，而不等待来自服务器的响应。<br>

onreadystatechange 事件使代码复杂化了。但是这是在没有得到服务器响应的情况下，防止代码停止的最安全的方法。<br>

通过把该参数设置为 "false"，可以省去额外的 onreadystatechange 代码。如果在请求失败时是否执行其余的代码无关紧要，那么可以使用这个参数。<br>



== XML / ASP ==
您也可以把 XML 文档打开并发送到服务器上的 ASP 页面，分析此请求，然后传回结果。<br>

 <html><br>
 <body><br>
 <script type="text/javascript"><br>
 xmlHttp=null;<br>
 if (window.XMLHttpRequest)<br>
  {// code for IE7, Firefox, Opera, etc.<br>
  xmlHttp=new XMLHttpRequest();<br>
  }<br>
 else if (window.ActiveXObject)<br>
  {// code for IE6, IE5<br>
  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");<br>
  }<br>
 if (xmlHttp!=null)<br>
  {<br>
  xmlHttp.open("GET", "note.xml", false);<br>
  xmlHttp.send(null);<br>
  xmlDoc=xmlHttp.responseText;<br>
  xmlHttp.open("POST", "demo_dom_http.asp", false);<br>
  xmlHttp.send(xmlDoc);<br>
  document.write(xmlHttp.responseText);<br>
  }<br>
 else<br>
  {<br>
  alert("Your browser does not support XMLHTTP.");<br>
  }<br>
 </script><br>
 </body><br>
 </html><br>
 ASP 页面，由 VBScript 编写：<br>
 <%<br>
 set xmldoc = Server.CreateObject("Microsoft.XMLDOM")<br>
 xmldoc.async=false<br>
 xmldoc.load(request)<br>
 for each x in xmldoc.documentElement.childNodes<br>
   if x.NodeName = "to" then name=x.text<br>
 next<br>
 response.write(name)<br>
 %>通过使用 response.write 属性把结果传回客户端。<br>



== XMLHttpRequest 对象是 W3C 的标准吗 ==

任何 W3C 推荐标准均未规定 XMLHttpRequest 对象。<br>

不过，W3C DOM Level 3 的 "Load and Save" 规范包含了一些相似的功能性，但是还没有任何浏览器实现它们。<br>







[[category:XML学习教程]]