如何实现点击加载更多，

Question

点击加载更多，相当于将第二页数据显示在第一页后面，后面亦是如此

Answer 1

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>