侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130555 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

基于LayerPage的异步分页

2024-05-10 星期五 / 0 评论 / 0 点赞 / 8 阅读 / 1772 字

LayerPage的分页是基于一个完整的数据集,实际开发中不可能把所有的数据从数据库中取出,因此需要异步分页 LayerPage的组件引入: <script type="text/javascript

LayerPage的分页是基于一个完整的数据集,实际开发中不可能把所有的数据从数据库中取出,因此需要异步分页

LayerPage的组件引入:

<script type="text/javascript" src="${pageContext.request.contextPath}/layer/laypage/laypage.js"></script>

网页代码‘:

function paperPage(){	var nums = 4; //每页出现的数量	var totalRecord = 0;//总记录数,由ajax返回	var pages = 0;//总页数,获得总记录数后算得;	//生成分页html代码的方法	var thisDate = function(curr){		var str = '';		$.ajax({			type:'get',			url: localhost + "/paper/getPaperPageData.action",			dataType:"json",			data:"pageNum="+curr + "&pageSize="+nums,			contentType:"application/json",			success:function(data){							    for(var i = 0; i < data.length; i++){			        str += '<tr class="a'+(i%2)+'">'					+'<td width="400px">'+data[i].paperId+'</td>'					+'<td width="400px">'					+'<div class="paper-id-btn" createId="'+data[i].paperId+'">查看</div>';			        +'</td></tr>';			        document.getElementById('paperTable').innerHTML = str;			    }			}		});	}	//页面加载,获取总试卷条数	$.ajax({		type:'post',		url: localhost + "/paper/getPaperTotalRecord.action",		dataType:"json",		contentType:"application/json",		success:function(data){			totalRecord = data;			pages = Math.ceil(totalRecord/nums); //得到总页数						//调用分页			laypage({			    cont: 'paperButtom',			    pages: pages,			    jump: function(obj){			    	thisDate(obj.curr);			    }			})		}	});}

 

广告 广告

评论区