封装get,post请求方法

2021-06-25  本文已影响0人  代码使劲儿搬

wx_request.js中封装方法

const host = 'https://v.ljmyy.com/api' // 将域名保存到一个变量中
class wx_request{
    request (url, method, data, header = {}) {
        wx.showLoading({
            title: '加载中...',
            mask: true,
        });
        return new Promise((resolve,reject) => {
            wx.request({
                url:host + url,
                method:method,
                data:data,
                headers:{
                    'content-type': 'application/json' // 默认值
                },
                success:function(res) {
                    wx.hideLoading()
                    resolve(res.data)
                },
                fail: function (res) {
                    wx.hideLoading()
                    reject(res)
                },
                complete: function () {
                    wx.hideLoading()
                }
                })
            })
        }
    get(obj){
        return this.request(obj.url,'GET',obj.data)
    }
    post (obj) {
        return this.request(obj.url,'POST', obj.data)
    }
}

   
module.exports = new wx_request
// export default {request,get,post,host}

在需要请求的js 文件中引入,请求

index.js中

const wx_request = require('../../assets/js/wx_request');
Page({

  /**
   * 页面的初始数据
   */
  data: {
    swiperimg:[],
    shop_list:[],
    text:'这是一条公告广告信息.....'
  },

  /**
   * 生命周期函数--监听页面加载11
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.getswiperlist();
  },
  // 获取轮播list
  getswiperlist(){
    let that = this;
    wx_request.get({
      url:'/index/index',
      data:{}
    }).then( res =>{
     that.setData({
      swiperimg : res.data.result,
      shop_list: res.data.res
     })
    })
  },


})
上一篇下一篇

猜你喜欢

热点阅读