fetch数据请求的封装
Posted 旭i丿
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了fetch数据请求的封装相关的知识,希望对你有一定的参考价值。
export default class HttpUtils { static get(url){ return new Promise((resolve,reject)=>{ fetch(url) .then(response=>response.json()) .then(result=>{ resolve(result) }) .catch(error=>{ reject(error) }) }) } static post(url,data){ return new Promise((resolve,reject)=>{ fetch(url,{ method:‘post‘, header:{ ‘Accept‘:‘application/json‘, ‘Content-Type‘:‘application/json‘ }, body:JSON.stringify(data) }) .then(response=>response.json()) .then(result=>{ resolve(result) }) .catch(error=>{ reject(error) }) }) } }
以上是关于fetch数据请求的封装的主要内容,如果未能解决你的问题,请参考以下文章
解析ajax服务请求——客户端的数据配置解析——服务端node的接收数据的解析——其他状态——fetch——ajax封装fetch