select weui 动态加载数据_jQuery WeUI 组件下拉刷新和滚动加载的实现

var pages = 1;var sizes = 4;var loading = false;  //状态标记

$(function () {

loadlist();

})//=========================下拉刷新

$("#listwrap").pullToRefresh().on("pull-to-refresh", function () {

setTimeout(function () {

pages= 1;

$("#Tolist").html("");

loadlist();if (loading) loading = false;

$("#listwrap").pullToRefreshDone(); //重置下拉刷新

},1500);   //模拟延迟

});//============================滚动加载

$("#listwrap").infinite().on("infinite", function () {if (loading) return;

loading= true;

pages++; //页数

$('.weui-loadmore').show();

setTimeout(function () {

loadlist();

loading= false;

},2500);   //模拟延迟

});//=======加载数据loadlist();

function loadlist() {var html = "";

$.ajax({

type:"POST",

url:"/Index/Index",

data: {'page': pages, 'size': sizes },

dataType:"json",

error: function (request) {

$(".weui-loadmore").hide();

html+= "

已无更多数据

";

$("#Tolist").append(html);

},

success: function (data) {if (data.List.length > 0) {for (var i = 0; i < data.List.length; i++) {

html+= '

';

html+= '

';

html+= '' + data.List[i].Name + '';

html+= '

';

html+= '

';

}

$("#Tolist").append(html);

}else{

html+= "

已无更多数据

";

$("#Tolist").append(html);

loading= true;

}

$(".weui-loadmore").hide();

}

});

}