小程序request封装及使用

最新推荐文章于 2022-05-19 15:48:13 发布

转载最新推荐文章于 2022-05-19 15:48:13 发布 · 1.1k 阅读

3 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5cb45c525188257abf2b35b9

文章标签：

#爬虫

本文详细介绍了一种在微信小程序中实现网络请求封装的方法，通过创建一个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) => {})
复制代码