Ajax中XMLHTTPRequest的方法和属性介绍

XMLHttpRequest 是 AJAX 的基础。这个对象提供了一些方法和属性，允许我们从网页向服务器发送请求，并处理响应。

1. open() 方法：

这个方法创建一个新的 HTTP 请求，并指定此请求的方法、URL 以及通信是否异步。

xmlhttp.open("GET","ajax_info.txt",true);

在上面的例子中，我们创建了一个 GET 请求，指向 "ajax\_info.txt" 文件，并且通信是异步的。

2. send() 方法：

这个方法发送请求到服务器。

xmlhttp.send();

3. onreadystatechange 属性：

这个属性存储一个函数（或者 null），每当 readyState 属性改变时，就会调用该函数。

xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }

在上面的例子中，如果请求完成并且响应已经接收完成，那么就会执行函数，并将响应文本显示在网页上的 "myDiv" 元素中。

4. readyState 属性：

这个属性返回请求的当前状态。从 0 到 4 发生变化，0 = 请求未初始化，1 = 服务器连接已建立，2 = 请求已接收，3 = 处理请求，4 = 请求已完成并且响应已准备好。

5. status 属性：

这个属性返回请求的 HTTP 状态码。200 表示成功，404 表示未找到页面。

6. responseText 属性：

这个属性返回服务器的响应，作为一个字符串。

document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

在上面的例子中，响应文本被显示在网页上的 "myDiv" 元素中。

7. setRequestHeader() 方法：

这个方法向一个打开但未发送的请求添加一个 HTTP 头。

xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send();

在上面的例子中，我们添加了一个头，指定发送信息的内容类型为 "application/x-www-form-urlencoded"。

8. getAllResponseHeaders() 方法：

这个方法返回一个字符串，包含所有的 HTTP 头，不包括状态行。

var headers = xmlhttp.getAllResponseHeaders();

在上面的例子中，我们获取了响应中的所有头部信息。

9. abort() 方法：

这个方法取消当前的请求。

xmlhttp.abort();

在上面的例子中，我们取消了当前的请求。

以上就是 XMLHttpRequest 的主要方法和属性。这些基本的概念可以帮助你开始在网页上使用 AJAX，并与服务器进行交互。