当前位置：首页 > news >正文

微信小程序 - 01 - 一些补充和注意点（补充ing...）

news 2025/8/28 6:49:38

一、节流

情景：有一个按钮，点击会发送请求，用户可能会连续点击，但是我想即便在用户连续点击按钮的情况下，只有上一个请求发送完毕后，才能发送下一个请求

data: {isLoading: false
}
// 发请求
getNameList() {this.setData({isLoading: true // 开启节流，相当于锁住了    })wx.request({url: 'xxx',method: 'GET',complete: () => {// 关闭节流，相当于打开锁this.setData({isLoading: false            })        }    })
}
// 事件，里面需要发请求
changeName() {if(this.data.isLoading) return // isLoading为true，说明上一个请求还在发送中，这时候不能再次发送请求getNameList()
}

二、在一个发请求的函数中，只有发生下拉动作，才执行关闭下拉代码

情景：用户发生下拉刷新的动作，于是触发函数，向后端发送请求，在请求结束后，要关闭下拉刷新的效果。但是这个函数不是只有下拉刷新的时候才触发，其他情况也要用到这个函数，我想只有发生下拉刷新才执行函数里的关闭下拉刷新代码，其余情况不执行

  // 发请求获取id对应的数据getShopList(cb) {wx.request({url: `xxx`,method: 'GET',complete: () => {// 关闭下拉刷新的效果(只有下拉了，才需要关闭这个效果，其余情况不需要关闭)cb && cb()}})},
// 页面相关事件处理函数--监听用户下拉动作onPullDownRefresh() {// 重新发起数据请求this.getShopList(() => { // 传递了关闭下拉刷新的代码，在getShop函数里会执行该代码wx.stopPullDownRefresh()})},
// 普通事件
changeShop() {getShopList() // 没有传递参数，则在getShop函数里不会执行关闭下拉刷新的代码
}