第一次在这里发例子,给大家参考下,有不足之处,欢迎指出
之前写加载更多找了许多例子,大都是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();

}

评论() 相关

收藏

赞

tggui

ThinkPHP 是一个免费开源的,快速、简单的面向对象的 轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。