JavaScript HTTP 请求:XMLHttpRequest 和 fetch 函数
要使用 JavaScript 发出 HTTP 请求,您可以使用内置的 'XMLHttpRequest' 对象或者更现代的 'fetch' 函数。我将为您展示这两种方法。
使用 XMLHttpRequest:
// 创建 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
// 配置请求:GET 方法和目标 URL
xhr.open('GET', '目标 URL', true);
// 定义请求完成的回调函数
xhr.onload = function() {
if (xhr.status === 200) {
// 当请求成功时,您可以通过 xhr.responseText 获取响应内容
var response = xhr.responseText;
console.log(response);
}
};
// 发送请求
xhr.send();
使用 fetch 函数:
// 发出 GET 请求
fetch('目标 URL')
.then(function(response) {
if (response.ok) {
// 当请求成功时,您可以通过 response.text() 获取响应内容
return response.text();
}
throw new Error('网络请求错误');
})
.then(function(responseText) {
console.log(responseText);
})
.catch(function(error) {
console.log(error);
});
请确保将 '目标 URL' 替换为您要发送请求的实际 URL。这些代码演示了基本的 GET 请求,您可以根据要求进行自定义,例如发送 POST 请求或添加请求头等。
原文地址: https://www.cveoy.top/t/topic/bHfl 著作权归作者所有。请勿转载和采集!