对微信小程序的数据请求进行Promise封装

最新推荐文章于 2025-02-26 10:43:29 发布

梦尘星月

最新推荐文章于 2025-02-26 10:43:29 发布

阅读量324

点赞数

分类专栏：前端文章标签：小程序

本文链接：https://blog.youkuaiyun.com/qq_40536213/article/details/109081594

版权

前端专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何使用AJAXTimes变量跟踪并发请求次数，并在所有请求完成后隐藏加载提示。通过`request`函数实现异步请求，确保用户体验的流畅加载过程。

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

// 一个页面中可能会发送多个请求，ajaxTimes记载同时发送异步请求代码的次数，目的是为了在请求数据都完成后再消除加载框
let ajaxTimes = 0;
const baseUrl = '基本url路径';
export const request = (param) => {
    ajaxTimes ++;
    // 显示加载中效果
    wx.showLoading({
        title: "加载中",
        mask: true
    });
    let header = {...param.header};
    return new Promise((resolve, reject) => {
        wx.request({
            ...param,
            header: header,
            url: baseUrl + param.url,
            success: (result) => {
                resolve(result)
            },
            fail: (err) => {
                reject(err)
            },
            complete: () => {
                ajaxTimes --;
                // 关闭加载图标
                if (ajaxTimes === 0) {
                    wx.hideLoading();
                }
            }
        })
    })
}