JavaScript 发出 HTTP 请求:fetch 和 XMLHttpRequest 实例
使用 JavaScript 发出 HTTP 请求的常见方法是使用内置的fetch函数或者使用XMLHttpRequest对象。下面是使用这两种方法的示例代码:
使用fetch函数:
fetch(url, {
method: 'GET', // 或者 'POST', 'PUT', 'DELETE' 等
headers: {
'Content-Type': 'application/json', // 根据请求需要设置适当的Content-Type
// 还可以设置其他自定义请求头
},
// 如果是POST请求,可以在这里设置请求体
})
.then(response => response.json()) // 解析响应的数据
.then(data => {
// 处理返回的数据
})
.catch(error => {
// 处理错误
});
使用XMLHttpRequest对象:
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true); // 或者 'POST', 'PUT', 'DELETE' 等
xhr.setRequestHeader('Content-Type', 'application/json'); // 根据请求需要设置适当的Content-Type
// 还可以设置其他自定义请求头
xhr.onload = function() {
if (xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
// 处理返回的数据
} else {
// 处理错误
}
};
xhr.send(); // 如果是POST请求,可以在这里设置请求体
以上是一些基本示例,根据你的具体需求,你可能需要调整请求的方法、请求头、请求体等。
原文地址: https://www.cveoy.top/t/topic/b9p6 著作权归作者所有。请勿转载和采集!