美文网首页
封装get,post请求方法

封装get,post请求方法

作者: 代码使劲儿搬 | 来源:发表于2021-06-25 10:45 被阅读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
         })
        })
      },
    
    
    })
    

    相关文章

      网友评论

          本文标题:封装get,post请求方法

          本文链接:https://www.haomeiwen.com/subject/ulgnyltx.html