小程序中封装数据请求

Posted 2021-07-09 秃头萌新_Ma

封装数据请求

export const request=(params)=>{
//ajaxtime++
//wx.showLoading({
   // title:'加载中',
   // mask: true,
   
 // });
    
  return new Promise((resolve,reject)=>{
    wx.request({
     ...params,
      success:(res)=>{
        resolve(res)
      },
      fail:(err)=>{
        reject(err)
      },
     // complete:()=>{
      //  ajaxtime--
      //  wx.hideLoading();
          
      }
    })
  })
}

使用数据请求

 getgoodslist({ query='电视',pagenum,pagesize}) {
    console.log(query)
    request({
      url: 'https://api-hmugo-web.itheima.net/api/public/v1/goods/search' + '?query='+ query + '&pagenum=' + pagenum +"&pagesize=" + pagesize,
      //  + '?query='+ query + '&pagenum=' + pagenum +'&pagenum='+ pagenum
    })
      .then(res => {
        console.log(res)
        this.setData({
          goodslist: [...this.data.goodslist,...res.data.message.goods]
        })
      })
  },

在生命周期中使用

onLoad: function (options) {
    // console.log(options.query)
    // console.log(this.QueryParams)
    //let object = { ...this.QueryParams }
    //object.query = options.query
    // console.log(object)
   // this.QueryParams = object
    // this.QueryParams.cid = options.cid
    // console.log(this.QueryParams)

	使用
   this.getgoodslist(this.QueryParams)
  },

小程序页面的生命周期

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

  },

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

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }