小程序request请求用promise公共方法以及调用

1.方法:

const baseUrl = ‘https://api.it120.cc‘;

const http = ({ url = ‘‘, param = {}, ...other } = {}) => {
    wx.showLoading({
        title: ‘请求中,请耐心等待..‘
    });
    let timeStart = Date.now();
    return new Promise((resolve, reject) => {
        wx.request({
            url: getUrl(url),
            data: param,
            header: {
                ‘content-type‘: ‘application/json‘ // 默认值 ,另一种是 "content-type": "application/x-www-form-urlencoded"
            },
            ...other,
            complete: (res) => {
                wx.hideLoading();
                console.log(`耗时${Date.now() - timeStart}`);
                if (res.statusCode >= 200 && res.statusCode < 300) {
                    resolve(res.data)
                } else {
                    reject(res)
                }
            }
        })
    })
}

const getUrl = (url) => {
    if (url.indexOf(‘://‘) == -1) {
        url = baseUrl + url;
    }
    return url
}

// get方法
const _get = (url, param = {}) => {
    return http({
        url,
        param
    })
}

const _post = (url, param = {}) => {
    return http({
        url,
        param,
        method: ‘post‘
    })
}

const _put = (url, param = {}) => {
    return http({
        url,
        param,
        method: ‘put‘
    })
}

const _delete = (url, param = {}) => {
    return http({
        url,
        param,
        method: ‘put‘
    })
}
module.exports = {
    baseUrl,
    _get,
    _post,
    _put,
    _delete
}

2.掉用:

const api = require(‘../../utils/api.js‘)

// 单个请求
api.get(‘list‘).then(res => {
  console.log(res)
}).catch(e => {
  console.log(e)
})

// 一个页面多个请求
Promise.all([
  api.get(‘list‘),
  api.get(`detail/${id}`)
]).then(result => {
  console.log(result)
}).catch(e => {
  console.log(e)
})

 

小程序request请求用promise公共方法以及调用

上一篇:雷林鹏分享:小程序自定义类似于选择器弹框


下一篇:微信小程序textarea层级过高(盖住其他元素)问题的解决办法