js fetch处理异步请求

2018-06-24 01:27:27来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

以往一直认为异步请求只能使用原生js的XMLHttpRequest或jQuery的$.ajax()、$.post()等框架封装的异步请求方法

原来js还提供fetch来替代XMLHttpRequest,详情可见 https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch

fetch 规格不同于  jQuery.ajax() 主要有两个方面牢记:

  • 即使响应是HTTP 404或500,返回的Promise fetch() 也不会拒绝HTTP错误状态。相反,它将正常解析(ok状态设置为false),它只会拒绝网络故障或阻止要求完成。
  • 默认情况下, 如果站点依靠维护用户会话(发送cookie,必须设置credentials init选项,  fetch 则不会发送或接收来自服务器的任何cookie,从而导致未经身份 验证的请求
1 fetch('https://api-to-call.com/endpoint').then(response => {
2   if(response.ok){
3     return response.json();
4   }
5   throw new Error('Request failed!');
6 } , networkError => console.log(networkError.message)
7 ).then(jsonResponse => jsonResponse)

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:JS应用实例1:表格各行换色

下一篇:移动端网页使用flexible.js加入百度联盟广告样式不一致问题解决