以下是“readystatechange事件的完整攻略”的标准markdown格式文本，其中包含了两个示例说明：

readystatechange事件

readystatechange事件是XMLHttpRequest对象的一个事件，用于检测XMLHttpRequest对象的状态。当XMLHttpRequest对象的状态发生变化时，readystatechange事件将被触发。本文将介绍readystatechange事件的详细信息，包括如何使用和示例说明。

1. 什么是readystatechange事件

readystatechange事件是XMLHttpRequest对象的一个事件，用于检测XMLHttpRequest对象的状态。当XMLHttpRequest对象的状态发生变化时，readystatechange事件将被触发。

XMLHttpRequest对象的状态有以下几种：

• 0: 请求未初始化
• 1: 服务器连接已建立
• 2: 请求已接收
• 3: 请求处理中
• 4: 请求已完成，且响应已绪

2. 如何使用readystatechange事件

可以通过以下步骤使用readystatechange事件：

1. 创建XMLHttpRequest对象。
2. 注册readystatechange事件的回调函数。
3. 发送XMLHttpRequest请求。

以下是一个使用readystatechange事件的示例：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
        console.log(xhr.responseText);
    }
};
xhr.open('GET', '/api/data', true);
xhr.send();

在上述示例中，我们创建了一个XMLHttpRequest对象，并注册了readystatechange事件的回调函数。当XMLHttpRequest对象的状态发生变化时，回调函数将被触发。在回函数中，我们检查XMLHttpRequest对象的状态是否为4（请求已完成，且响应已就绪），并检查响应的状态码是否为200（成功）。如果满足条件，我们将响应文本输出到控制台。

3. 示例1：使用readystatechange事件获取JSON数据

以下是一个使用readystatechange事件获取JSON数据的示例：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
        var data = JSON.parse(xhr.responseText);
        console.log(data);
    }
};
xhr.open('GET', '/api/data.json', true);
xhr.send();

在上述示例中，我们使用readystatechange事件获取JSON数据。我们创建了一个XMLHttpRequest对象，并注册了readystatechange事件的回调函数。当XMLHttpRequest对象的状态发生变化时，回调函数将被触发。在回调函数中，我们检查XMLHttpRequest对象状态是否为4（请求已完成，且响应已就绪），并检查响应的状态码是否为200（成功）。如果满足条件，我们将响应文本解析为JSON对象，并输出到控制台。

4. 示例2：使用readystatechange事件上传文件

以下是一个使用readystatechange事件上传文件的示例：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
        console.log('File uploaded successfully.');
    }
};
xhr.open('POST', '/api/upload', true);
var formData = new FormData();
formData.append('file', fileInput.files[0]);
xhr.send(formData);

在上述示例中，我们使用readystatechange事件上传文件。我们创建了一个XMLHttpRequest对象，并注册了readystatechange事件的回调函数。当XMLHttpRequest对象的状态发生变化时，回调函数将被触发。在回调函数中，我们检查XMLHttpRequest对象的状态是否为4（请求已完成，且响应已就绪），并检查响应的状态码是否为200（成功）。如果满足条件，我们输出文件上传成功的消息。

5. 总结

以上是readystatechange事件的完整攻略，包括什么是readystatechange事件、如何使用和示例说明。我们还提供了两个示例，分别演示了如何使用readystatechange事件获取JSON数据和上传文件。