小程序如果出现多个页面请求数据接口,这时我们就得考虑封装接口来请求数据,这样让我们代码更加可用性,也方便维护。
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
})
})
},
})
关于简忆
简忆诞生的故事



粤ICP备16092285号
文章评论(0)