JavaScript HTTP 请求:使用 XMLHttpRequest 发送 GET 请求
使用 JavaScript 发出 HTTP 请求有多种方法。以下是一种常见的方法,使用 XMLHttpRequest 对象:
// 创建一个新的 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
// 定义请求方法和 URL
xhr.open('GET', 'https://api.example.com/data', true);
// 设置请求头(如果需要的话)
xhr.setRequestHeader('Content-Type', 'application/json');
// 监听请求状态改变事件
xhr.onreadystatechange = function() {
if(xhr.readyState === XMLHttpRequest.DONE) {
if(xhr.status === 200) {
// 请求成功,处理返回的数据
var response = JSON.parse(xhr.responseText);
console.log(response);
} else {
// 请求失败
console.log('请求失败:' + xhr.status);
}
}
}
// 发送请求
xhr.send();
以上代码创建了一个名为 xhr 的 XMLHttpRequest 对象,然后使用 open 方法设置请求的方法(这里是 GET)和 URL。如果有需要,可以使用 setRequestHeader 方法设置请求头。然后,通过在 onreadystatechange 事件监听器中处理不同的请求状态,可以在请求成功时处理返回的数据,或者在请求失败时进行错误处理。最后,使用 send 方法发送请求。
这只是一种使用 XMLHttpRequest 对象的方法,还有其他方法可以使用更高级的库,如 Axios 或 Fetch,来发出 HTTP 请求。
原文地址: https://www.cveoy.top/t/topic/bmIO 著作权归作者所有。请勿转载和采集!