小程序request封装及使用

本文详细介绍了一种在微信小程序中实现网络请求封装的方法,通过创建一个JS文件,定义了一个Promise封装的请求函数,支持GET和POST等HTTP方法,简化了小程序页面中网络请求的调用流程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

网络请求封装的好处不再赘述,直接上步骤

一、创建

新建一个js文件,内容如下

const request = function request(methods, urls, datas) {
    let that = this;
    let method = methods;//请求方法名
    let url = urls;//请求地址
    let data = datas;//请求数据
    var promise = new Promise(function(success, fail) {
        wx.request({
            header: {
                'content-type': 'application/x-www-form-urlencoded'
            },
            url: url,
            data: data,
            method: method,
            success: function(sres) {
                //处理公共部分业务逻辑
                 success(sres);
            },
            fail: (fres) => {
                fail(fres);
            }
        })
    })
    return promise;
}
module.exports = {
    request: request
}
复制代码
二、使用

在要需要调用的页面进行引入并使用

var request = require("../../utils/request")
request.request("post", app.globalData.https + "selectClickWeek", data).then((sres) => {
    //业务逻辑
}).catch((fres) => {})
复制代码
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值