微信小程序商城订单上拉加载更多(接后台)

// pages/order/order.js
var app = getApp();
Page({
  data: {
    orderList:‘‘, //订单列表
    page: 1,//当前页码
    hasMoreData:false,//判断是否还有数据
  },
  onLoad: function (options) {
    
  },

  onShow:function(e) {

}, onReachBottom:function(){if (this.data.hasMoreData) {//判断还有没有数据若hasMoreData为true加载下一页 wx.showLoading({ title: ‘加载中‘, }); let url = app.globalData.URL + ‘/api/order/index‘;//api接口 let data ={ status:this.data.status,//传给后台的订单状态 page:this.data.page//加载的页数 } app.wxRequest(‘POST‘, url, data, (res) => { //封装request请求 if (res.code==1) { //如果code==1加载数据成功 if (res.data.length>0) { //当获取的数据长度大于0时,将获取到的数据赋值给data wx.hideLoading(); if (this.data.page == 1) { //清理空数组 this.data.orderList= [] } this.setData({ orderList:this.data.orderList.concat(res.data), //将请求到的旧数组和新数组进行拼接, hasMoreData:true,//更改状态为true 证明还有下一页数据 page:this.data.page+1 //将页码加1,请求第二页 }) }else{//当数组长度小于0时 this.setData({             orderList:this.data.orderList.concat(res.data), //数组还是要进行拼赋值给data           }) wx.showToast({ title: ‘没有更多数据了‘, icon: ‘success‘, }); console.log(this.data.page); //这时的页数不用进行加1操作 } }else{ wx.showToast({ title: res.msg, icon: ‘none‘, }); } }, (err) => { console.log(err) }) } } })

 

微信小程序商城订单上拉加载更多(接后台)

上一篇:小程序项目实例


下一篇:Drupal建站可以为企业带来哪些帮助