WX开发 数据请求 Behavior方法

1. 先写API

export default {
//这里表示参数接收curPage,eachPage,
  getshop({
    curPage,
    eachPage,
  }) {
    console.log(123,eachPage );
    return new Promise((resolve) => {
      wx.request({
      //后台接口
        url: `http://localhost:3001/commoditys/getAll`, //仅为示例，并非真实的接口地址
        //传入接口参数
        data: {
          curPage,
          eachPage,
        },
        header: {
          'content-type': 'application/json' // 默认值
        },
        success(res) {
 			//返回第一页的10条数据
          resolve(res.data)
        }
      })
    })
  }
}

2.再behaviors调用API

//export default 使用 import引入
	import ShopApi from "../api/shop"
	//module.exports 使用 const a =require('../../behaviors/shop')  引入 页面调用behaviors使用
	// 第一步：创建behavior.js，里面的properties，data，methods里面的方法，可以共享给movie、music等等组件使用
module.exports = Behavior({
// 共享数据
  data: {
    // 当前页
    curPage: 1,
    // 每页显示条数
    eachPage: 10,
    // 总条数
    total: 0,
    // 总页数
    maxPage: 0,
    // 用来描述商品的数据列表
    rows: [],
  },
  // 共享方法
  methods: {
  //调用ShopApi方法传入参数
    async getShop({curPage,eachPage}) {
    const shopdata = await ShopApi.getshop({curPage,eachPage})
//更新状态
  this.data.rows = shopdata.rows
    this.setData(this.data)
    }
  }
})

3.再到页面调用behaviors传入参数获取数据

//module.exports暴露使用require
const a =require('../../behaviors/shop')
Page({
//把behaviors引入Page里
 //继承behavior.js里面的properties, data,methods 
  behaviors:[a],
  send: function () {
  },
  /**
   * 页面的初始数据
   */
  data: {

  },

  /**
   * 生命周期函数--监听页面加载
   */
//组件的方法
  onLoad: function (options) {
  // 通过this可以访问behavior.js里面的内容
    this.getShop({curPage:1,eachPage:10})
  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  }
})