微信小程序请求数据封装

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

微信小程序请求数据封装_第1张图片

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
         })
   }
})

 

你可能感兴趣的:(微信小程序)