JavaScript HTTP 请求:使用 XMLHttpRequest 发送 GET 请求
使用 JavaScript 发送 HTTP 请求有多种方法,其中一种常见的方法是使用'XMLHttpRequest'对象。以下是一个示例代码,展示如何使用 JavaScript 发出 HTTP GET 请求:
// 创建一个新的 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
// 设置请求的方法和 URL
xhr.open('GET', 'https://api.example.com/data', true);
// 设置请求完成后的回调函数
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 请求成功,处理响应数据
var response = JSON.parse(xhr.responseText);
console.log(response);
}
};
// 发送请求
xhr.send();
上述代码中,我们创建了一个新的'XMLHttpRequest'对象并使用'open'方法设置 HTTP 方法和 URL。然后,我们可以通过设置'onreadystatechange'事件处理程序来监听请求的状态变化,当请求状态变为 4(即请求完成)且状态码为 200 时,表示请求成功。在回调函数中,我们可以处理响应数据,这里简单地将响应解析为 JSON 格式并打印到控制台。
以上代码示例是使用'GET'方法发送请求,如果需要使用其他 HTTP 方法如 POST、PUT 等,只需更改'open'方法的第一个参数即可。
需要注意的是,上述示例使用了原生的 JavaScript 方法来发出 HTTP 请求。在现代的 JavaScript 应用程序中,通常会使用更高级的库或框架(如 Axios、Fetch 等)来简化 HTTP 请求的处理。
原文地址: https://www.cveoy.top/t/topic/Rre 著作权归作者所有。请勿转载和采集!