加载更多功能的实现

加载更多功能的实现

当要显示的数据量非常大时，如果我们一下子显示全部，往往不利于网站优化

效果图：

 那么这个效果是如何实现的呢？

以tp5举例：

主页显示的数据设置为5，就是刚加载时只显示5条，每点击一次新加载5条（这些数据可以自己决定）

主页的控制器：Index.php:

public function index(){
    // 显示文章列表 只显示5条
        $article = DB::table('article')->order('date desc')->limit(2)->select();
        $this->assign('article',$article);
        return $this->fetch();
}

对应的视图：绑定load事件

<div id="article">
	{volist name="article" id="vo"}
	<div class="article">
		//...显示文章的具体纤细
	</div>
	{/volist}
<!--加载更多的按钮-->
	<div data-pag