微信小程序wx.request()的promise封装和使用

考虑到这样一个功能在小程序的很多地方都会用到，我们将其放到一个单独的js文件中，

调用的时候引用这个js文件就可以了，在小程序的utils目录中新建一个common.js的文件，如下

 

 

common.js文件中的代码如下：

const requestSync = (_url, _data, _method, _callcomplete) => {
    let pro = new Promise((resolve, reject) => {
        wx.request({
            url: _url,
            data: _data || {},
            method: _method,
            success: (res) => {
                if (res.statusCode === 200) {
                    console.log("wx.request is success:200 0k.")
                    resolve(res)
                } else {
                    console.log("wx.request is success:200 lost.")
                    reject(res)
                }
            },
            fail: (res) => {
                console.log("wx.request is fail:" + res.errMsg)
                reject(res)
            },
            complete:(res)=>{
                console.log('wx.request is complete.')
                if(_callcomplete && typeof _callcomplete === 'function'){
                    _callcomplete(res)
                }
            }
        })
    })
    return pro;
}

//暴露接口供外部调用
module.exports = {
    requestSync: requestSync
}

小程序的.js页面调用代码如下:

const wx2 = require('../../utils/common.js')
Page({
 　　// 页面原始数据
    data: {
        hotMovie: [],
    },
    handleAjax() {
        wx2.requestSync("https://i.maoyan.com/api/mmdb/movie/v3/list/hot.json", {
            ct:"%E5%90%88%E8%82%A5",
            ci:56,
            channelId:4
        }, "GET").then((res) => {
            console.log('res', res.data)
            const hot = res.data.data.hot.map(e => {
                const el = e;
                el.img = e.img.replace('w.h', '128.180');
                return el
            })
            this.setData({
                hotMovie: hot
            })
        })
    },
}）