ajaxSetup()等效于Fetch API

时间:2016-12-22 10:35:26

标签: javascript fetch-api

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

1 个答案:

答案 0 :(得分:3)

您可以使用Request创建授权标头,保存到变量允许它可重用。请注意,根据jQuery文档,使用jQuery.ajaxSetup()设置默认值为{{3}}

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);
});