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 .
原文地址:https://www.cnblogs.com/alela/p/10131343.html