- 49浏览
- 2022-11-23
XMLHttpRequest是一种旧的API,它允许您以同步或异步方式发出HTTP请求,并且可以通过onreadystatechange和onload事件处理程序监控响应。下面是一个使用XMLHttpRequest的示例:
const xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
console.log(this.responseText);
}
};
xhr.open('GET', 'https://www.zhansanjie.com/api/api');
xhr.send();
Fetch API 是一种新的、更先进的API,它基于promise并能够处理复杂的请求和响应。下面是使用Fetch的示例:
fetch('https://www.zhansanjie.com/api/api')
.then(response => {
if (response.status === 200) {
return response.json();
} else {
throw new Error('Request failed!');
}
})
.then(data => {
console.log(data);
})
.catch(error => {
console.log(error);
});
在这个例子中,我们首先使用fetch请求数据,然后使用response对象处理响应。如果响应状态码是200,我们使用response.json()方法将响应数据转换为JSON格式,然后将其输出到控制台。如果状态码不是200,我们抛出一个错误。 最后,我们使用catch语句处理错误。这是两种主要的HTTP请求方式,但是通过jQuery或其他库也可以实现类似的功能。
版权声明:
1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。
2、本站仅提供信息发布平台,不承担相关法律责任。
3、若侵犯您的版权或隐私,请联系本站管理员删除。
4、本文由会员转载自互联网,如果您是文章原创作者,请联系本站注明您的版权信息。