微信小程序 scroll-view实现上拉加载与下拉刷新的实例

发布日期： 2018-06-23 阅读量： 作者： 网络

这篇文章主要介绍了微信小程序 scroll-view实现上拉加载与下拉刷新的实例的相关资料,需要的朋友可以参考下

实现效果图：

如图，使用小程序的scroll-view实现的上拉加载数据，下拉刷新数据，试下代码如下：

js文件代码：

var url = "http://192.168.30.4:8080/gtxcx/carrier/getCarrier.action"; 
var page = 1; 
 
var GetList = function (that) { 
 that.setData({ 
 hidden: false 
 }); 
 wx.request({ 
 url: url, 
 data: { 
  pageSize: 10, 
  pageNo: page 
 }, 
 success: function (res) { 
  var l = that.data.list 
  for (var i = 0; i <p></p><p>json文件代码</p><p class="jb51code"></p><pre class="brush:js;toolbar:false;">{ 
 "navigationBarTitleText": "下拉刷新", 
 "enablePullDownRefresh": true, 
 "backgroundTextStyle": "dark" 
}

# 微信小程序 # scroll-view # scroll-view上拉加载和下拉刷新

上一篇: shell编程实战之执行多个目录下的php程序

下一篇: 爬虫python入门教程

微信小程序 scroll-view实现上拉加载与下拉刷新的实例

随便看看