基于回调函数来实现的在大量的使用这种回调函数就会造成回调地狱的问题以及代码的可读性和可维护性差通过对小程序API的Promise化能解决那么本篇是来讲进行对微信小程序网络数据请求的接口请求封装。

封装小程序

Promise((resolve,reject){wx.showLoading({

请求提示title:

对于request的网络数据请求的封装并没有那么的复杂加上一些注释小白应该可以更容易理解在未

return

一个Promise拿到数据它有两个参数两个参数分别又是函数即高阶函数请求之前使用wx.showLoading提示请求在加载中通过wx.request发起数据请求与基础地址BASE_URL拼接通过data接收传入参数header、method同理success成功调用关闭掉请求提示交给resolve处理成功结果fail失败调用关闭掉请求提示同时需要提示用户请求错误的信息后交给reject处理失败结果

首先先来准备一下数据请求的测试接口这里通过本地Node.js搭载的服务器提供的API接口进行测试

测试接口已经准备完成设置一下

bindtaphandleClickrequest请求/button

index.js

Page({handleClick(){request(/api/navList).then(res{console.log(res);})}

封装各数据接口请求函数

项目中用着许许多多的接口数据请求此时对于这些接口函数进行封装处理使用的时候可以直接来导入使用

/util/api.js

...onLoad:function(){reqSwiperList().then(res{console.log(reqSwiperList,res)});reqNavList().then(res{console.log(reqNavList,res)});reqCategory().then(res{console.log(reqCategory,res)});}

...

handleClick(){reqSwiperList().then(res{console.log(res);})

async

reqSwiperList()console.log(res)

以上就是封装小程序request数据请求和封装各接口数据请求函数的内容可以在你的小程序项目当中去使用封装小程序的request请求和封装各接口请求可以让你在小程序项目中更上一层感谢大家的支持