站三界导航
首页 JS代码在JavaScript中,可以使用XMLHttpRequest或Fetch API来发送HTTP请求

在JavaScript中,可以使用XMLHttpRequest或Fetch API来发送HTTP请求

  • JS代码
  • 来源:站三界导航
  • 65阅读
  • 2023-05-22

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或其他库也可以实现类似的功能。

本文结束
本文来自投稿,不代表站三界导航立场,如若转载,请注明出处:https://www.zhansanjie.com/article/details/43623.html

版权声明:

1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

2、本站仅提供信息发布平台,不承担相关法律责任。

3、若侵犯您的版权或隐私,请联系本站管理员删除。

4、本文由会员转载自互联网,如果您是文章原创作者,请联系本站注明您的版权信息。

分享
站三界导航
本站声明:本站严格遵守国家相关法律规定,非正规网站一概不予收录。本站所有资料取之于互联网,任何公司或个人参考使用本资料请自辨真伪、后果自负,站三界导航不承担任何责任。在此特别感谢您对站三界导航的支持与厚爱。