thinkphp使用js实现点击加载更多后, 底部无刷新加载出新的数据并显示在该页
2016-02-26 23:53
1196 查看
thinkphp使用js实现点击加载更多后, 底部无刷新加载出新的数据并显示在该页
一.模板需要文件:
1、<script language="javascript" src="/js/home/home_v2.js"></script>
2、<script type="text/javascript" src="/js/home/jquery.min.js"></script>
3、<div id="mainbox"></div>
4、<dl class="index_list"></dl>
5、<dt><a href="__APP__/Common/p_list_more/id/<{$id}>/p/1" data-box=".index_list" class="js_more_list"><button>点击查看更多...</button></a></dt>
说明:1和2是实现无刷新加载更多需要的js文件,3和4是显示数据模板中需要有的div便签,5是加载更多按钮,data-box=".index_list"定义加载出来的数据显示在哪里, class="js_more_list"用于响应加载更多js
二.模板需要文件:Common文件的p_list_more方法代码如下:
/**
* 加载更多
*/
public function p_list_more(){
$p=intval($_GET['p']);
$id=intval($_GET['id']);
if(!$p) $p=1;
$start=$p*10;
//**查询文章评论内容
$comments = D('Comment a')->field('a.*')
->where("a.newsid = $id and a.comment_show=1 and a.comment_delete=0")
->order('a.comment_time desc')
->limit($start, 10)
->select();
$this->assign("p", $p+1);
$this->assign("id", $id);
$this->assign("comments", $comments);
$this->display();
}
三.js文件下载
home_v2.js
jquery.min.js
http://pan.baidu.com/s/1nuyIcJJ
一.模板需要文件:
1、<script language="javascript" src="/js/home/home_v2.js"></script>
2、<script type="text/javascript" src="/js/home/jquery.min.js"></script>
3、<div id="mainbox"></div>
4、<dl class="index_list"></dl>
5、<dt><a href="__APP__/Common/p_list_more/id/<{$id}>/p/1" data-box=".index_list" class="js_more_list"><button>点击查看更多...</button></a></dt>
说明:1和2是实现无刷新加载更多需要的js文件,3和4是显示数据模板中需要有的div便签,5是加载更多按钮,data-box=".index_list"定义加载出来的数据显示在哪里, class="js_more_list"用于响应加载更多js
二.模板需要文件:Common文件的p_list_more方法代码如下:
/**
* 加载更多
*/
public function p_list_more(){
$p=intval($_GET['p']);
$id=intval($_GET['id']);
if(!$p) $p=1;
$start=$p*10;
//**查询文章评论内容
$comments = D('Comment a')->field('a.*')
->where("a.newsid = $id and a.comment_show=1 and a.comment_delete=0")
->order('a.comment_time desc')
->limit($start, 10)
->select();
$this->assign("p", $p+1);
$this->assign("id", $id);
$this->assign("comments", $comments);
$this->display();
}
三.js文件下载
home_v2.js
jquery.min.js
http://pan.baidu.com/s/1nuyIcJJ
相关文章推荐
- php 环境变量收集
- Yii2 RESTful Verbs
- PHP文件操作常用函数总结
- php的str_replace函数
- 大型Web应用运行时 PHP负载均衡指南
- Yii 1.x 到 Yii 2.x的细节变化
- PHP-003
- 如何把php中的数组导入到js中?------用json串做中间量吧
- php和js中创建数组的一个小区别
- PHP和MySQL的timestamp转换
- php从文本读入数据,处理结果再导入到文本
- PHP Laravel学习实践(一)最出色的php框架,让代码成为艺术
- PHP 表单验证 - 完成表单实例
- PHP 表单验证 - 验证 E-mail 和 URL
- PHP 表单验证 - 必填字段
- PHP 表单验证
- PHP 表单处理
- 关于php的语言结构和函数
- PHP去掉转义后字符串中的反斜杠\函数stripslashes
- vsftp install