XML HttpRequest

• 

  XMLHttpRequest对象

  XMLHttpRequest 对象可用于从 web 服务器请求数据。

  XMLHttpRequest 对象是开发人员的梦想，因为您可以：

  • 在不重新加载网页的情况下更新网页
  • 从服务器请求数据-页面加载后
  • 从服务器接收数据-页面加载后
  • 将数据发送到服务器-在后台
• 

  发送XMLHttpRequest

  使用 XMLHttpRequest 对象的常见 JavaScript 语法如下所示：

  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
      if (this.readyState == 4 && this.status == 200) {
          // 文档准备就绪时要执行的典型操作:
          document.getElementById("demo").innerHTML = xhttp.responseText;
      }
  };
  xhttp.open("GET", "filename", true);
  xhttp.send();
  
  

  尝试一下
• 

  示例说明

  上面示例中的第一行创建一个 XMLHttpRequest 对象：

  var xhttp = new XMLHttpRequest();
  
  

  onreadystatechange 属性指定每次 XMLHttpRequest 对象的状态更改时要执行的函数：

  xhttp.onreadystatechange = function()
  
  

  当 readyState 属性为 4 且 status 属性为 200 时，响应为就绪：

  if (this.readyState == 4 && this.status == 200)
  
  

  response text属性将服务器响应作为文本字符串返回。

  文本字符串可用于更新网页：

  document.getElementById("demo").innerHTML = xhttp.responseText;
  
  

  在本教程的 XML AJAX章节 中，您将了解更多关于 XMLHttpRequest 对象的信息。

• 

  旧版本的IE浏览器（IE5和IE6）

  旧版本的 Internet Explorer（IE5和IE6）不支持 XMLHttpRequest 对象。

  要处理IE5和IE6，请检查浏览器是否支持 XMLHttpRequest 对象，或者创建 ActiveXObject：

  if (window.XMLHttpRequest) {
      // 现代浏览器的代码
      xmlhttp = new XMLHttpRequest();
   } else {
      // 旧版本浏览器的代码
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  }
  
  

  尝试一下