articleList模板文件
<include file=\"./Application/Common/View/Public/header.html\" />
<div class=\"container\">
<volist name=\"list\" id=\"vo\">
<div class=\"panel panel-default\">
<div class=\"panel-heading\">{$vo. }</div>
<div class=\"panel-body\">{$vo.content}</div>
</div>
</volist>
<if condition=\"count($list) eq 5\">
<a class=\"btn btn-block btn-default\" style=\"margin-bottom: 20px;\" href=\" :;\">显示更多</a>
</if>
</div>
< >
var nStart = 5;
$(\'.btn\').click(function() {
var _this = $(this);
if(nStart >= {$total}) {
alert(\'后面没有数据了!\');
_this.text(\'后面没有数据了\');
return false;
} else {
$.post(\"{:U(\'articleAjax\')}\", {start: nStart}, function(res) {
$.each(res[\'result\'], function(i, item) {
_this.before(\'<div class=\"panel panel-default\">\\
<div class=\"panel-heading\">\'+item. +\'</div>\\
<div class=\"panel-body\">\'+item.content+\'</div>\\
</div>\');
});
});
nStart += 2;
}
});
</ >
<include file=\"./Application/Common/View/Public/footer.html\" />
Index控制器中的articleList方法和articleAjax返回方法
// 文章列表
public function articleList()
{
$article = M(\'article\');
$total = $article->count();
$this->assign(\'total\', $total);
$list = $article->limit(5)->order(\'id asc\')->select();
$this->assign(\'list\', $list);
$this->display();
}
// ajax异步加载文章
public function articleAjax() {
$article = M(\'article\');
$start = I(\'post.start\');
$list = $article->limit($start, 2)->order(\'id asc\')->select();
$this->ajaxReturn(array( \'result\'=>$list,\'status\'=>1, \'msg\'=>\'获取成功!\'));
}
继续阅读与本文标签相同的文章
-
PostgreSQL系统隐藏字段
2026-05-18栏目: 教程
-
7月24日阿里云峰会.上海 开发者大会回看
2026-05-18栏目: 教程
-
aPaaS平台是什么?aPaaS与PaaS有什么区别?
2026-05-18栏目: 教程
-
【从入门到放弃-ZooKeeper】ZooKeeper实战-分布式队列 | 9月18号栖夜读
2026-05-18栏目: 教程
-
Docker日志收集最佳实践
2026-05-18栏目: 教程
