不需要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();

        

    }