jqueryWeiui+pagehelper滚动加载(实现分页)
var pageObj={}; //定义全局对象 pageObj.page =1; //页码 pageObj.pageSize =10; //每页显示条数 var entityNo='05-01-02'; $.ajax({ async:false,//使用同步的Ajax请求 type: "POST", dataType: 'json', url: "/scon/app/selectDingd?entityNo="+entityNo+"&page="+pageObj.page+"&pageSize="+pageObj.pageSize, error: function(error) { alert("no data! "); }, success: function(result){ var material = document.getElementById("orderList"); var materialstr =""; var rst=result.Rows; var total=result.Total; pageObj.countPage=Math.ceil((total)/pageObj.pageSize);//计算分页数 for (var i = 0; i < rst.length; i++) { materialstr += "<a id='hello' class='weui-cell weui-cell_access' href='ordersDetail.html?projectName=" +rst[i].projectName+ "&workPart=" +rst[i].workPart+ "&entityNo=" +entityNo+ "'>" +"<div class='weui-cell__hd'><img src='images/车辆订单.png'></div><div class='weui-cell__bd'>" +"<p><font color='blue'>" +rst[i].projectName+ "</font></p>" +"<p>品名:" +rst[i].productName+ "</p>" +"<p>施工部位:" +rst[i].workPart+ "</p>" +"<p>浇筑方式:" +rst[i].unloadWayName+ "</p>" +"<p>票面方量:" +rst[i].billNum+ "</p>" +"</div><div class='weui-cell__ft'>查看详情</div></a> "; } material.innerHTML=materialstr; loading = false; $("#loading").css("display","none");//数据加载完隐藏加载提示 } }); //---------------循环加载 var loading = false; //状态标记 这个变量主要是用来控制触发次数,官网也有说明,事件可能会触发多次 $(document.body).infinite().on("infinite", function() { $("#loading").css("display","block");//显示加载中 if(loading) return; loading = true; if(pageObj.page<=pageObj.countPage){//当前页码小于总分页数 getbalancelist(); }else{ $(document.body).destroyInfinite();//销毁 $("#loading>i").css("display","none"); $("#loading>span").html("到底啦~").css("color","#BDBDBD"); } }); //获取数据 function getbalancelist(){ pageObj.page++;//每次下拉加载时,页码加一 $.ajax({ async:false,//使用同步的Ajax请求 type: "POST", dataType: 'json', url: "/scon/app/selectDingd?entityNo="+entityNo+"&page="+pageObj.page+"&pageSize="+pageObj.pageSize, error: function(error) { alert("no data! "); }, success: function(result){ var materialstr =""; var rst=result.Rows; for (var i = 0; i < rst.length; i++) { materialstr += "<a id='hello' class='weui-cell weui-cell_access' href='ordersDetail.html?projectName=" +rst[i].projectName+ "&workPart=" +rst[i].workPart+ "&entityNo=" +entityNo+ "'>" +"<div class='weui-cell__hd'><img src='images/车辆订单.png'></div><div class='weui-cell__bd'>" +"<p><font color='blue'>" +rst[i].projectName+ "</font></p>" +"<p>品名:" +rst[i].productName+ "</p>" +"<p>施工部位:" +rst[i].workPart+ "</p>" +"<p>浇筑方式:" +rst[i].unloadWayName+ "</p>" +"<p>票面方量:" +rst[i].billNum+ "</p>" +"</div><div class='weui-cell__ft'>查看详情</div></a> "; } $("#orderList").append(materialstr);//加载出的数据追加到id为orderList的div中 loading = false; $("#loading").css("display","none");//数据加载完隐藏加载提示 } }); } //---------------循环加载 </script>
<div class="weui-loadmore" id="loading"> <i class="weui-loading"></i> <span class="weui-loadmore__tips">正在加载</span> </div>
Is life always this hard , or is it just when you are a kid ? Always like this .