微信小程序请求数据封装

最新推荐文章于 2024-08-10 17:13:35 发布

冰丫头

最新推荐文章于 2024-08-10 17:13:35 发布

阅读量5.5k

点赞数 4

分类专栏：微信小程序文章标签： request 封装

本文链接：https://blog.csdn.net/weixin_44088739/article/details/88556539

版权

微信小程序专栏收录该内容

4 篇文章 2 订阅

订阅专栏

1、封装代码,建文件,写个js,代码截图如下

const HTTP_BASE_URL = "https://baidun.com/";
   
function api(_methods,url,data,callback){
 
    wx.request({
        url: HTTP_BASE_URL+url,
        method: _methods,
        data: data,
        dataType: 'json',
        success: (res)=>{
            typeof callback == "function" && callback(res, "");
        },
        fail: (res)=>{
            console.log('请求数据失败')
            console.log(err)
            typeof callback == "function" && callback(err, "");
        }
    }); 
}

export function getJSON(url,data,callback){
    api('GET',url,data,callback)
}
export function postJSON(url,data,callback){
    api('POST',url,data,callback)
}

2、使用，如图代码

import { getJSON, postJSON } from '../../utils/server.js';


postJSON('wuxingHistory',{user_id:app.globalData.userId}, res => {
   if(res.data.code==0){
         let data = res.data.result
         this.setData({
             recordList: data
         })
   }
})