小程序中封装数据请求

Posted 2023-02-27 哈比老乌龟

封装数据请求

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