小程序request接口封装使用

最新推荐文章于 2024-03-31 21:53:00 发布

原创最新推荐文章于 2024-03-31 21:53:00 发布 · 253 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了如何在小程序中封装网络请求函数`request.js`，并展示了在分页面中通过`get`和`post`方式调用该函数获取数据的示例代码。封装后的函数简化了请求过程，统一了错误处理。

第一种

request.js

export const request = (params) => {
    const baseUrl = "............................"//公共url
    return new Promise((resolve, reject) => {
        wx.request({
            ...params,
            url: baseUrl + params.url,
            success: (result) => {
                resolve(result)
            },
            fail: (err) => {
                reject(err)
            }
        });
    })
}

分页面引用

const { request } = require("../../request");

分页面使用

get

  getdata() {
        request({
            url: "/get_data",
            data: {
               id:this.data.id
            },
        }).then(res => {
                this.setData({
                    tabledata: res.data,
                })   
            }
        })
    },

post

    getdata() {
      
            request({
                url: "/get_data",
                data: {
                    Id:  this.data.id
                },
                method: 'POST',
                header: {
                    "Content-Type": "application/x-www-form-urlencoded"
                },
            }).then(res => {
             
                    this.setData({
                        tabledata: res.data
                    })                       
            });   
    },