Loading... #### 原生发请求 ```javascript wx.request({ url: "", success(res) { console.log(res); } }); ``` uni-app封装的请求(原因是原生请求没有进行promise封装) #### 使用uni-app的api发送请求 ```javascript uni .request({ url: "", //仅为示例,并非真实接口地址。 data: { text: "uni.request" }, header: { "custom-header": "hello" //自定义请求头信息 } }) .then(res => { console.log(res); }); ``` #### 封装自己的异步请求 ##### 为什么要封装 1. 原生的不支持promise 2. uniapp的原生请求如果要加loading效果会很麻烦 3. uniapp的请求返回值是一个数组,他的第1项才是返回的信息,第0项返回的错误信息,如果正确就是null ```javascript export default params => { //加载中 uni.showLoading({ title: '加载中' }); return new Promise((resolve, reject) => { wx.request({ ...params, success(res) { resolve(res.data) }, fail(err) { reject(err) }, complete() { uni.hideLoading() } }) }) } ``` 然后挂载到原型上就可以使用了 Last modification:April 22, 2020 © Allow specification reprint Support Appreciate the author AliPayWeChat Like 0 If you think my article is useful to you, please feel free to appreciate
One comment
niu bi a