Ajax中XMLHttpRequest对象的详细解析

在Ajax中，XMLHttpRequest对象用于在后台与服务器交换数据。以下是XMLHttpRequest对象的详细解析和实例代码：

1. 创建XMLHttpRequest对象：

var xhr = new XMLHttpRequest();

2. 打开连接：

xhr.open('GET', 'your-url', true);

这里的'GET'是HTTP方法，'your-url'是你要请求的服务器的URL，'true'表示异步执行（默认）。如果你想同步执行，可以将最后一个参数设置为false。

3. 发送请求：

xhr.send(null);

如果你是发送POST请求，并且想要在请求中包含数据，你需要在调用.send()之前设置一个HTTP头部，指定内容类型，并提供数据：

xhr.open('POST', 'your-url', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send('key1=value1&key2=value2');

4. 处理服务器响应：

xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        var response = xhr.responseText;
        // 处理响应数据
    }
};

readyState的值表示请求/响应过程的当前活动阶段：

• 0：未初始化。尚未调用.open()方法。
• 1：载入。已调用.open()方法，但尚未调用.send()方法。
• 2：发送。已调用.send()方法，但尚未接收到响应。
• 3：接收。已经接收到部分响应数据。
• 4：完成。已经接收到全部响应数据，并且客户端可以使用它。

status的值表示HTTP状态码：

• 200：OK，请求成功。
• 404：Not Found，服务器无法找到请求的页面。
• 500：Internal Server Error，服务器遇到错误，无法完成请求。

以上是XMLHttpRequest对象的基本使用方法。在现代浏览器中，XMLHttpRequest已经被fetch API所取代，但是基于向后兼容性和学习目的，了解XMLHttpRequest仍然很重要。