在 JavaScript 中,可以使用 XMLHttpRequest 或 Fetch API 对 HTTP 请求进行编程。
XMLHttpRequest 是一个可以向服务器发送请求和接收响应的 JavaScript API。下面是一个使用 XMLHttpRequest 发送 GET 请求的示例:
const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/api/data');
xhr.send();
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
console.log(xhr.responseText);
} else {
console.error('Error:', xhr.status);
}
}
}
上述代码中,使用 XMLHttpRequest
创建了一个新的请求对象,并使用 open
方法设置请求方法和 URL。然后使用 send
方法发送请求。当响应返回时,可以通过 onreadystatechange
事件监听器获取响应状态和数据。
Fetch API 是一个基于 Promise 的 API,可以向服务器发送请求和接收响应。下面是一个使用 Fetch API 发送 GET 请求的示例:
fetch('https://example.com/api/data')
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
console.log(data);
})
.catch(error => {
console.error('Error:', error);
});
上述代码中,使用 fetch
函数发送一个 GET 请求,并使用 Promise 语法处理响应。如果响应状态码不是 200 OK,将抛出一个错误。如果响应状态码正确,使用 json
方法解析响应数据。最后,使用 then
方法获取解析后的数据,或使用 catch
方法处理错误。
需要注意的是,使用 XMLHttpRequest 或 Fetch API 发送请求时,需要处理跨域问题。可以使用 CORS 或 JSONP 等技术解决跨域问题。