JS——XMLHttpRequest 对象

作者：System 时间：2024年08月20日分类：所有,ajax 字数：1015

这篇文章距离上次修改已过226天，其中的内容可能已经有所变动。

XMLHttpRequest 对象用于与服务器交换数据。

以下是创建 XMLHttpRequest 对象的方法：

var xhr = new XMLHttpRequest();

以下是使用 XMLHttpRequest 对象发送 GET 和 POST 请求的方法：

发送 GET 请求：

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

发送 POST 请求：

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");

以上代码中，your_url 是你想要请求的服务器的 URL，query_string 是你要发送的 GET 请求参数，param1, value1, param2, value2 是你要发送的 POST 请求参数。

注意：现代 JavaScript 应用程序更倾向于使用 fetch API，因为它提供了更好的异步处理，并且是基于 Promise 的，更加符合现代 Web 应用程序的开发习惯。

JS——XMLHttpRequest 对象

评论已关闭

推荐阅读