全面说明前端的收集哀求方法

consumed函数：

function consumed(body) {  
  if (body.bodyUsed) {  
    return Promise.reject(new TypeError('Already read'))  
  }  
  body.bodyUsed = true  
}  

每次挪用text()、json()等函数后会将bodyUsed变量变为true，用来标识返回值已经读取过了，下一次再读取直接抛出TypeError('Already read')。这也遵循了原生fetch的原则：

由于Responses工具被配置为了 stream 的方法，以是它们只能被读取一次

十、fetch的坑点

VUE的文档中对fetch有下面的描写：

行使fetch尚有许多此外留意事项，这也是为什么各人现阶段照旧更喜好 axios 多一些。虽然这个工作在将来也许会产生改变。

因为fetch是一个很是底层的API，它并没有被举办许多封装，尚有很多题目必要处理赏罚：

• 不能直接转达JavaScript工具作为参数
• 必要本身判定返回值范例，并执行相应获取返回值的要领
• 获取返回值要领只能挪用一次，不能多次挪用
• 无法正常的捕捉非常
• 老版赏识器不会默认携带cookie
• 不支持jsonp

十一、对fetch的封装

哀求参数处理赏罚

支持传入差异的参数范例：

function stringify(url, data) {  
  var dataString = url.indexOf('?') == -1 ? '?' : '&';  
  for (var key in data) {  
    dataString += key + '=' + data[key] + '&';  
  };  
  return dataString;  
}  
if (request.formData) {  
  requestrequest.body = request.data;  
} else if (/^get$/i.test(request.method)) {  
  request.url = `${request.url}${stringify(request.url, request.data)}`;  
} else if (request.form) {  
  request.headers.set('Content-Type', 'application/x-www-form-urlencoded;charset=UTF-8');  
  request.body = stringify(request.data);  
} else {  
  request.headers.set('Content-Type', 'application/json;charset=UTF-8');  
  request.body = JSON.stringify(request.data);  
}  

cookie携带

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!