JavaScript HTTP 请求:XMLHttpRequest 和 Fetch API
使用 JavaScript 发起 HTTP 请求,可以使用内置的 'XMLHttpRequest' 对象或者 'fetch' 函数。下面是两种方法的示例:
使用 XMLHttpRequest 对象:
// 创建一个新的 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
// 配置请求
xhr.open('GET', 'https://api.example.com/data', true);
// 监听请求状态改变事件
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 请求成功
var response = xhr.responseText;
console.log(response);
}
};
// 发送请求
xhr.send();
使用 fetch 函数:
// 发起 GET 请求
fetch('https://api.example.com/data')
.then(function(response) {
if (response.ok) {
// 请求成功
return response.text();
}
throw new Error('网络请求失败');
})
.then(function(data) {
console.log(data);
})
.catch(function(error) {
console.log(error);
});
以上示例中,我们发送了一个 GET 请求到 'https://api.example.com/data',并在控制台打印出响应结果。你可以根据实际情况,配置请求头、发送 POST 请求或其他类型的请求。
原文地址: https://www.cveoy.top/t/topic/TR8 著作权归作者所有。请勿转载和采集!