本文共 1695 字，大约阅读时间需要 5 分钟。

使用wx.request进行HTTP请求的统一处理方法

以下是一个基于wx.request的统一HTTP请求处理方法，适用于前端开发中对不同接口的统一管理和处理。这种方法能够简化代码的复杂度，同时提高开发效率。

方法简介

该方法名为http，接收六个参数：method（请求方式，如get/post）、params（请求参数）、url（请求接口地址）、message（信息弹窗提示内容）、callback（请求成功后的回调函数）和error（请求失败后的错误处理回调）。

方法实现

function http(method, params, url, message, callback, error) {    if (message) {        wx.showLoading({            title: message        });    }    wx.request({        method: method,        url: url,        data: params,        success: function(res) {            console.log(res.data);            if (res.data.status === 200) {                wx.showToast({                    title: '数据加载完毕'                });                callback(res.data);            } else {                console.log("没有数据");            }        },        fail: function(err) {            error("请求失败");        },        complete: function() {            wx.hideLoading();        }    });}

使用说明

http({    method: 'get',    params: {        pageIndex: 1,        pageSize: 10    },    url: '/api/data/list',    message: '正在获取数据',    callback: function(data) {        // 处理成功获取的数据    },    error: function(err) {        // 处理请求失败的情况    }});

相关注意事项

• 加载处理：在请求开始前，通过wx.showLoading()显示加载提示，提升用户体验。
• 错误处理：通过fail回调处理请求失败的情况，建议结合具体业务定义错误类型和处理方式。
• 状态判断：根据服务器返回的状态码判断请求结果，通常200表示成功，其他状态可能表示错误或超时。

这个方法通过统一接口管理，降低了代码的复杂度，同时提高了代码的可维护性和可读性，是前端开发中常用的解决方案。