ajaxSetup() 等效于 Fetch API答案

【问题标题】：ajaxSetup() equivalent for Fetch APIajaxSetup() 等效于 Fetch API
【发布时间】：2017-09-11 08:33:57
【问题描述】：

我是第一次使用Fetch API。它是否有类似于 jQuery 的 ajaxSetup() 方法的东西，以便为将来的请求设置授权标头？我找不到任何证据表明它确实如此。

【问题讨论】：

【解决方案1】：

您可以使用请求创建授权标头，保存到变量允许它可以重用。请注意，根据 jQuery 文档，使用 jQuery.ajaxSetup() 设置默认值是 not recommended

let href = '/linkToPage';
let request = new Request(href, {
   method: 'GET',
   mode: 'same-origin',
   redirect: 'follow',
   headers: new Headers({
      'Content-Type': 'text/plain',
      'X-Requested-With': 'XMLHttpRequest'
   })
});

然后照常使用获取请求

fetch(request).then((response) => {
   if(response.ok) {
      return response.text();
   }
   throw new Error('Network response was not ok.');
}).then((text) => {
   if(text.trim() != ''){
      console.log(text);
   }
}).catch((error) => {
   console.log(error);
});

【讨论】：