JavaScript 发送 HTTP 请求:Fetch API 和 XMLHttpRequest
要在 JavaScript 中发出 HTTP 请求,可以使用内置的 Fetch API 或 XMLHttpRequest 对象。以下是使用这两种方法之一的示例:
使用 Fetch API:
fetch('https://api.example.com/data')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.log(error));
使用 XMLHttpRequest 对象:
var request = new XMLHttpRequest();
request.open('GET', 'https://api.example.com/data', true);
request.onload = function() {
if (request.status >= 200 && request.status < 400) {
var data = JSON.parse(request.responseText);
console.log(data);
} else {
console.log('请求错误:', request.status);
}
};
request.onerror = function() {
console.log('请求失败');
};
request.send();
无论使用哪种方法,都需要将请求的 URL 作为参数传递给 fetch 或 XMLHttpRequest 对象的 open 方法。对于 fetch,可以使用 then 方法来处理返回的响应,也可以使用 catch 方法处理错误。对于 XMLHttpRequest,需要设置 onload 事件处理程序来处理成功的情况,设置 onerror 事件处理程序来处理失败的情况,并使用 send 方法发送请求。
请注意,这些示例中的 URL 只是示意,实际应用中需要替换为有效的 API 端点。
原文地址: https://www.cveoy.top/t/topic/jSl 著作权归作者所有。请勿转载和采集!