评论

微信小程序-封装请求API——原生方式

微信小程序原生开发框架封装自定义请求

参照原生的微信小程序的请求格式,封装增加一些简单的功能,如果需要按照promise的方式来封装,请参考:

微信小程序-封装请求API——promise方式_五速无头怪的博客-CSDN博客https://blog.csdn.net/black_cat7/article/details/120451986

export const cjRequest = (parmas) => {
    let url = parmas.url, //请求url
        data = parmas.data || undefined, //请求参数
        success = parmas.success || function () { }, //成功后的回调函数
        fail = parmas.fail || function () { }, //成功后的回调函数
        complete = parmas.complete || function () { }, //完成后的回调函数
        method = parmas.method || 'GET', //请求方式
        header = parmas.header || 'application/json', //请求头
        getUserInfo = parmas.getUserInfo || 0 //是否获取用户数据 1表示没授权过,需要去授权
 
    //判断是否要求获取用户数据并且判断是否已经存储过用户信息
    //如果getUserInfo=1并且没有存储过用户信息 则跳转到授权页面
    if (getUserInfo && !wx.getStorageInfoSync('userInfo')) {
        console.log('未授权,跳转授权页面');
        wx.navigateTo({
            url: '/pages/user/getUserInfo'//跳转到授权页面
        })
 
    }
    //请求数据
    wx.request({
        url,
        method,
        data,
        header,
        success,
        fail,
        complete
    })
 
 
    /**
     *! 要用的页面中的 调用方法
        //引入封装的请求api
        import request from "../../utils/request.js"//引入request
        onLoad: function() {
            //使用封装的api,传入参数
            cjRequest({
                method:'get',
                url: 'https://www.baidu.com',
                data:{},
                header:{},
                getUserInfo: 1, //需要授权
                success(res) {
                    console.log(res);
                    ....
                },
                fail(err) {
                    console.log(err);
                    ....
                },
                complete(res) {
                    console.log(res);
                    ....
                }
            })
        }
     * 
     */
}
 
点赞 0
收藏
评论
登录 后发表内容