不需要more插件的底部加载更多

jerry thinkphp 2015年11月19日收藏

第一次在这里发例子，给大家参考下，有不足之处，欢迎指出
之前写加载更多找了许多例子，大都是more插件的，后面不知道怎么给标题加链接就写了这个...
应该可以正常使用的，简单的代码应该可以看的懂哦
哎呀妈呀，没预览，发出来的效果好差，都改了几遍了
官方优化下发布代码这个呗

我想了想要是能做到加载完了隐藏按钮就好了，希望实现的网友上传代码参考下哦，在此谢过。

模板代码，头部文件调用有JQuery文件的直接用就行

<script type="text/javascript">
        //csdn xuzuning给出的格式化时间戳方法
        function getLocalTime(nS) {
              var d = new Date(parseInt(nS) * 1000);
              return d.getYear() + '/' + (d.getMonth()+1) + '/' + d.getDate() + ' ' + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
        }
    var page = 0;
    $(function() {
        $('#morse').on('click', function() {
            page += 3;//点击一次追加3条
            $.ajax({
                url:"__URL__/index",
                data:{
                    p:page,
                },
                    dataType: "json",
                type:"post",
                success:function(data){
                    var html = '';
                    for(var i in data){
                        var addtime    = getLocalTime(data[i].addtime);
                            html +='<li class=\"am-g am-list-item-desced am-padding-horizontal-sm\">';
                                html +='<a class=\"am-list-item-hd\" target=\"_blank\" href="链接">'+data[i].title+'</a>';
                                html +='<div class=\"am-list-item-text\">发布时间：'+addtime+'</div>';
                                html +='<div class=\"am-list-item-text\">';
                                html +='总阅读量：<span class=\"am-text-danger\">'+data[i].readcount+'</span> ';
                            html +='</li>';
                    }
                    $("#list").append(html);//追加
                }
            });   
        });
    });
</script>

HTML代码

<div class="am-container" id="morelist">
            <ul id="list" class="am-list">
                <notempty name="list">
                    <volist name="list" id="vo">
                      <li class="am-g am-list-item-desced am-padding-horizontal-sm">
                          <a class="am-list-item-hd" target="_blank" href="链接">{$vo.title}</a>
                          <div class="am-list-item-text">发布时间：{$vo.addtime|date='Y-m-d H:i:s',###}</div>
                          <div class="am-list-item-text">
                              总阅读量：<span class="am-text-danger">{$vo['readcount']}</span> 
                          </div>
                      </li>
                      </volist>
                <else/>
                    <div>站长未添加任何内容</div>
                </notempty>
            </ul>
        </div>

控制器index方法代码

public function index(){
        if(!empty($_POST['p'])){  //点击加载更多 
            $p = $_POST['p'];//3 6 9
            $b= 3; //显示条数
            $Model = new \Think\Model();
            $list  = $Model->query("SELECT * FROM `TableName`  LIMIT $p,$b");
            $this->ajaxReturn($list,'JSON');
        }
        $count = M("xx")->count();
        $Page  = new \Think\Page($count, 3);
        
        $show  = $Page->show();
        $Model = new \Think\Model();
        //显示三条
        $list  = $Model->query("SELECT * FROM `TableName` LIMIT " . $Page->firstRow . ',' . $Page->listRows);
        $this->assign('list', $list);
        $this->display();
        
    }