异步加载更多

html：

<div class="list" id="list">
            <ul>
                {end:list typeid="$type[id]" order="addtime desc" pagesize="8"}
                <li><a href="/{$item.catenname}/{$item.id}" class="clearfix">
                        <div class="pic fl">
                            <img src="{$item.thumb}" alt="{$item.fulltitle}">
                        </div>
                        <div class="titles fl">
                            <h3>{$item.title}</h3>
                            <span>{$item.addtime|date='Y-m-d',###}</span>
                        </div>
                    </a></li>
                {/end:list}
            </ul>
            </div>
            {end:page /}
            <a href="" class="more">点击显示更多</a>

js：

<script>
         $(document).ready(function() {
                     var pages=$("ul.pagination li").length - 2; //获取列表页数
                     if( pages > 0){  //判断是否有第二个页面
            var page =2;
                $("a.more").click(function() {
                    console.log(page);
                                 $.ajax( {
                                    url: window.location.pathname + "?page=" + page,//页面静态地址
                                    type: "GET",              //静态页用get方法，否则服务器会抛出405错误
                                    success: function(data){
                                        var result = $(data).find("#list ul");            //获取页面中所需要的div
                                        $("#list").append(result);    //加入该页面想要加入的div
                                    }
                                });
                    page ++;

                 if (page > pages) {
                     $("a.more").css(
                                         'display', 'none'
                                     );
                 }
                 return false;
                })
        }
                     
        if(pages == 0 ) {
                         $("a.more").css(
                             'display', 'none'
                         );
                     }
    });
    </script>