Script 中可以使用 XMLHttpRequest 或 Fetch API 发送 HTTP 请求并处理响应。
使用 XMLHttpRequest 的步骤如下:
创建一个 XMLHttpRequest 对象:
const xhr = new XMLHttpRequest();
打开一个 HTTP 请求:
xhr.open('GET', 'https://example.com/api/data');
其中,第一个参数是请求的方法,可以是 GET、POST 等,第二个参数是请求的 URL。
监听请求状态变化:
xhr.onreadystatechange = function() {
// 处理状态变化事件
}
当请求状态发生变化时会触发该函数,可以在其中处理请求结果。常见的状态有以下几种:
xhr.send();
xhr.onreadystatechange = function() {
if (xhr.readyState === xhr.DONE) {
if (xhr.status === 200) {
console.log(xhr.responseText);
} else {
console.error('请求出错');
}
}
};
其中,readyState 表示请求状态,DONE 值等于 4,responseText 是响应内容。
使用 Fetch API 的步骤如下:
fetch('https://example.com/api/data')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error))
其中,fetch 得到的是一个 Promise 对象,可以使用 then 方法处理成功响应,catch 方法处理错误。在 then 方法里获取 json 内容。
注意:发送 fetch 请求时需要考虑跨域问题,常见解决方案是在服务器端设置 Access-Control-Allow-Origin 头部。