Ajax 之XMLHttpRequest讲解

Ajax 是 Asynchronous JavaScript and XML 的缩写，它是一种在无需刷新整个页面的情况下，更新网页部分内容的技术。在这里，我们主要讨论如何使用 XMLHttpRequest 对象来实现 Ajax。

XMLHttpRequest 是一个 JavaScript 对象，它是 Ajax 的基础。这个对象提供了一种简单的方式来发送异步的 HTTP 请求，并将来自服务器的响应进行处理。

以下是使用 XMLHttpRequest 发送 GET 和 POST 请求的基本示例：

1. 使用 XMLHttpRequest 发送 GET 请求：

var xhr = new XMLHttpRequest();
xhr.open("GET", "your_url", true);
xhr.onreadystatechange = function () {
    if (xhr.readyState == 4 && xhr.status == 200) {
        var response = xhr.responseText;
        console.log(response);
    }
};
xhr.send();

2. 使用 XMLHttpRequest 发送 POST 请求：

var xhr = new XMLHttpRequest();
xhr.open("POST", "your_url", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function () {
    if (xhr.readyState == 4 && xhr.status == 200) {
        var response = xhr.responseText;
        console.log(response);
    }
};
xhr.send("param1=value1&param2=value2");

在这两个示例中，我们首先创建了一个新的 XMLHttpRequest 对象，然后使用 open 方法来设置请求的类型和 URL。然后，我们设置了请求头部（对于 POST 请求，我们需要设置 Content-Type）。然后，我们定义了一个状态改变的处理函数，在这个函数中，我们检查 readyState 和 status 来确定请求是否成功，并处理响应数据。最后，我们使用 send 方法发送请求，对于 GET 请求， send 方法内不传递数据，对于 POST 请求，我们传递所需发送的数据。

以上就是使用 XMLHttpRequest 发送 GET 和 POST 请求的基本方法。