点击加载更多,相当于将第二页数据显示在第一页后面,后面亦是如此
ajax动态加载你的分页数据后设置到容器里面,注意发送第几页数据到服务器。你的动态页只需要返回需要的分页内容即可
模型如下
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
<div id="dvContent">第一页的内容<a id="aMore" style="display:block;text-align:center" href="#">点击加载更多</a></div>
<script language="javascript" type="text/javascript">
var pagesize = 10, totalpage = 5, currentpage = 1; //默认第一页
if (totalpage < 2) $('#aMore').remove(); //总页数小于2则不显示加载更多
else
$('#aMore').click(function () {
$.ajax({ url: '获取分页数据的页面url', type: 'POST', data: { currentpage: currentpage + 1, pagesize: pagesize }, complete: function (xhr) {
if (200==xhr.status) {//成功返回
currentpage++;
if (currentpage >= totalpage) $('#aMore').remove(); //加载所有页完毕去掉按钮
$(xhr.responseText).insertBefore('#aMore');//将返回内容插入容器中
}
else alert('动态页出错,返回内容:'+xhr.responseText);
}
});
return false;
});
</script>
谢谢你的回答。。。
我使用load加载已经做出来来了,将查询出来的分页数据显示到一个jsp里面,load的是查询分页的方法