标签:好的 通过 res ret 独立 imp 使用 问题 err
当我们在微信小程序中想进行一个网络请求时,假如我们有很多个Page页面都需要进行网络请求,我们在每个这些Page页面的js文件中都使用wx.request这个api进行请求的话,假如有一天微信小程序突然废弃或修改了这个api的话,那么我们就需要去这些文件里面一个个进行修改,可想而知是多么的繁琐,所以我们就很有必要去独立封装一个网络请求的方法,就算到时候这个api被废弃和修改,我们也只需要去这一个封装好的文件里修改部分代码就可以了。
export default function request(options){ return new Promise((resolve,reject)=>{ wx.request({ url: options.url, method:options.method || ‘get‘, data:options.data || {}, success:function(res){ resolve(res) }, fail:function(err){ reject(err) } }) }) } 更加简便的写法: export default function request(options){ return new Promise((resolve,reject)=>{ wx.request({ url: options.url, method:options.method || ‘get‘, data:options.data || {}, success:resolve, fail:reject }) }) }
这个是我们封装好的方法,通过return一个Promise,使用Promise来进行网络的异步请求,可以解决回调地狱的问题,其他文件通过export即可调用这个方法,例如在Page页面的onLoad生命周期的时候进行网络请求。
import request from ‘文件地址‘; onLoad:function(options){ // 使用封装的request发送网络请求 // 使用Promise避免回调地狱 request({ url:‘要请求的地址‘ }).then(res=>{ console.log(res) }).catch(err=>{ console.log(err) }) }
通过then和catch进行回调获取信息。
标签:好的 通过 res ret 独立 imp 使用 问题 err
原文地址:https://www.cnblogs.com/HTHQ1234/p/13982970.html