1. 创建 XMLHttpRequest 对象：
var xhr = new XMLHttpRequest();
这一行代码创建了一个新的 XMLHttpRequest 对象，可以使用它来发起 HTTP 请求。
2. 配置请求：
使用 open 方法配置请求的类型（GET、POST 等）、URL（要请求的服务器地址）以及是否采用异步模式。例如：
xhr.open('GET', 'https://example.com/api/data', true);
在这个例子中，我们配置了一个使用 GET 方法的异步请求，请求的 URL 是 https://example.com/api/data。
3. 设置回调函数：
使用 onload、onerror、onreadystatechange 等事件来定义在请求的不同阶段触发的回调函数。例如：
xhr.onload = function() {
// 当请求成功完成时触发
if (xhr.status === 200) {
console.log('Request successful:', xhr.responseText);
}
};
xhr.onerror = function() {
// 当请求发生错误时触发
console.error('Request failed');
};
在这个例子中，当请求成功完成时，onload 事件将触发，并且我们可以在回调函数中处理服务器的响应数据。onerror 事件处理请求发生错误的情况。
4. 发送请求：
使用 send 方法发送请求。对于 GET 请求，可以不传递参数；对于 POST 请求，通常需要传递请求体（body）。
xhr.send();
这将触发 XHR 对象向服务器发送请求。
下面是一个简单的示例，演示了如何使用 XMLHttpRequest 对象创建并发送一个简单的 GET 请求：
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://jsonplaceholder.typicode.com/todos/1', true);
xhr.onload = function() {
if (xhr.status === 200) {
console.log('Request successful:', xhr.responseText);
}
};
xhr.onerror = function() {
console.error('Request failed');
};
xhr.send();
在实际开发中，你可能需要更全面的错误处理、异步请求的处理逻辑、请求头的设置等。同时，现代的开发中，也可以使用 Fetch API 替代 XMLHttpRequest，提供更简洁和强大的异步请求接口。
转载请注明出处：http://www.zyzy.cn/article/detail/13179/AJAX