码迷,mamicode.com
首页 > 其他好文 > 详细

ES6 fetch方法封装

时间:2019-08-02 16:12:58      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:data   highlight   promise   http   ade   请求方法   ace   class   val   

   // 请求路径 
  let url = ‘http://jsonplaceholder.typicode.com/users‘ // 传输数据参数 const dataName = { name: "Sara", username: "高大丫", email: "35565451@qq.com" }; //封装fetch请求数据方法 class classFetch { // fetchFun(请求路径,请求方法,传输数据参数) fetchFun(url, meth, val) { return new Promise((resolve, reject) => { fetch(url, { method: meth, headers: { ‘Content-type‘: ‘application/json‘ }, body: JSON.stringify(val) }) .then(response => response.json()) .then(data => resolve(data)) .catch(err => reject(err)) }) } } const fetchObj = new classFetch() fetchObj.fetchFun(url, ‘POST‘, dataName)

  

ES6 fetch方法封装

标签:data   highlight   promise   http   ade   请求方法   ace   class   val   

原文地址:https://www.cnblogs.com/gqx-html/p/11288955.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!