小程序如果出现多个页面请求数据接口,这时我们就得考虑封装接口来请求数据,这样让我们代码更加可用性,也方便维护。
1、在根目录下创建request目录,然后新建一个文件夹index.js文件,添加如下代码:
export const request=(params)=>{ return new Promise((resolve,reject)=>{ wx.request({ ...params, success:(result)=>{ resolve(result); }, fail:(err)=>{ reject(err); } }) }); }
2、使用封装的请求
// index.js // 引入发送请求方法 import { request } from "../../request/index.js" Page({ data: { seiperList:[] }, onLoad() { // wx.request({ // url: 'http://www.example.top/api/Uniapp/home', // success: (result) =>{ // this.setData({ // seiperList:result.data.data.slides // }) // } // }) request({ url: 'http://www. example.top/api/Uniapp/home' }).then(result=>{ this.setData({ seiperList:result.data.data.slides }) }) }, })
文章评论(0)