多语言展示
当前在线:1453今日阅读:60今日分享:41

小程序wx.request同步怎么做

微信小程序的wx.request,若页面需要同步多次请求接口时,只能在success方法里编写现回调地狱,且代码阅读性差,维护难度大。而采用promise风格会链式调用很好解决以上问题。
工具/原料

微信开发工具

方法/步骤
1

页面需求示例:(1)加载首页banner图及导航信息信息-〉(2)根据登陆用户获取推荐信息-〉(3)获取列表信息由于wx.request是异步请求,可能会出现(3)(1)(2)导致页面样式异常或数值异常判断。

2

wx.request未封装前写法,出现回调地狱。如更复杂的,则页面维护难度上升。

3

解决链式调用造成的回调地狱,使用promise封装wx.request, 便于理解及维护。1. 添加header的token、timestamp、sign等加密信息,防止非法请求及重复请求;2. 添加默认的域名常量,自动拼接API地址;3. wx.request默认值;4. API接口数据异常提示;

4

wx.request封装后,解决其异步请求及代码难于维护的问题

推荐信息