JavaScript HTTP 请求:XMLHttpRequest 和 Fetch API
使用 JavaScript 发出 HTTP 请求有多种方法,以下是使用 XMLHttpRequest 和 Fetch API 两种常见的方式:
使用 XMLHttpRequest:
const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
const response = JSON.parse(xhr.responseText);
// 在这里处理响应数据
} else {
// 请求出错,处理错误信息
}
}
};
xhr.send();
使用 fetch API:
fetch('https://api.example.com/data')
.then(response => {
if (response.ok) {
return response.json();
} else {
throw new Error('请求出错');
}
})
.then(data => {
// 在这里处理响应数据
})
.catch(error => {
// 处理错误信息
});
上述代码示例了如何使用 GET 方法发送 HTTP 请求并处理响应数据。根据你的需求,可以使用不同的 HTTP 方法(如 POST、PUT 等)以及提供请求参数、请求头等。具体的请求配置和参数取决于你要访问的 API 的要求。
原文地址: https://www.cveoy.top/t/topic/Fya 著作权归作者所有。请勿转载和采集!