XMLHttpRequest对象 AjAX的使用

XMLHttpRequest对象是AJAX技术的核心组成部分，它可以在不重新加载页面的情况下从服务器请求数据。以下是如何使用XMLHttpRequest对象发送AJAX请求的示例代码：

// 创建一个新的XMLHttpRequest对象
var xhr = new XMLHttpRequest();
 
// 配置HTTP请求
// 第一个参数是HTTP请求方法，比如GET、POST
// 第二个参数是请求的URL
xhr.open('GET', 'https://api.example.com/data');
 
// 设置请求完成的处理函数
xhr.onreadystatechange = function() {
    // 请求完成并且响应状态码为200
    if (xhr.readyState === 4 && xhr.status === 200) {
        // 处理服务器返回的数据
        var response = JSON.parse(xhr.responseText);
        console.log(response);
    }
};
 
// 发送请求
xhr.send();

这段代码展示了如何使用XMLHttpRequest对象发送一个简单的GET请求，并在请求成功返回后处理数据。如果你想要发送POST请求或者处理其他类型的HTTP请求，你可能需要设置HTTP头部（例如，设置Content-Type），并且可能需要传递请求体数据。