列表页点击加载更多,无刷新加载更多文章的方法(yii)
来源:互联网 发布:淘宝打假人查询 编辑:程序博客网 时间:2024/06/06 16:50
先说下看到这个问题后的思路,首先有个更多按钮,当点击更多按钮时候,触发一个js事件,js通过ajax向controller传值,并返回相关json数据,循环json数据,加到页面相关位置。
<a href="javascript:;" class="get_more">更多</a>
$('.get_more').click(function(){
//取得现在页面上的文章数
var articlecount = $('.xxx').length;
$.ajax({
type:"POST",
dataType:"json",//dataType (xml html script json jsonp text)
data:{"articlecount":articlecount},//json 数据
url:"xxxxx",//地址
success:function(json) {//成功获得的也是json对象
var house='';
for(var i=0; i<json.length; i++)
{
//alert(json[i].content)
house += json[i].title;
}
$(".get_more").before(house);
}
})
})
//controller里面则是判断是否ajax提交,然后接受articlecount的,进行相关操作,并返回json
public function actionIndex()
{
if(Yii::app()->request->isAjaxRequest){//是否ajax请求
$articlecount = Yii::app()->request->getParam('articlecount');//getparam 会获得 get post 变量 ,原来也可以接收json处理后的变量
$criteria = new CDbCriteria;
$criteria->limit =1; //取1条数据,如果小于0,则不作处理
$criteria->offset =$articlecount; //两条合并起来,则表示 limit 10 offset1,或者代表了。limit 1,10
$dataarticle = Article::model()->findAll($criteria);
/*
* 如果简介那里,是想截取文章内容,则把下面注释去掉
*/
// for($i=0;$i<count($dataarticle);$i++){
// $content[$i]=$dataarticle[$i]->articledata['content'];
// }
// $dataarticle = json_decode(CJSON::encode($dataarticle)); //Yii 的方法将数组处理成json数据
// for($j=0;$j<count($content);$j++){
// $dataarticle[$j]->content=$content[$j];
// }
echo CJSON::encode($dataarticle);
exit;
}
$dataarticle = Article::model()->with('articledata')->findAll(array('limit'=>1));
$this->render('index',array(
'dataarticle'=>$dataarticle,
));
}
- 列表页点击加载更多,无刷新加载更多文章的方法(yii)
- ListView的下拉刷新,点击加载更多
- 点击加载更多文章信息
- jquery列表点击加载更多
- thinkphp使用js实现点击加载更多后, 底部无刷新加载出新的数据并显示在该页
- Android ListView 下拉刷新 点击加载更多
- 织梦dedecms首页列表页ajax点击下拉加载更多文章瀑布流效果
- Android ListView列表 刷新和加载更多
- Android ListView列表 刷新和加载更多
- listview加载刷新加载更多的逻辑
- listview刷新、加载更多
- 下拉刷新--加载更多
- 刷新和加载更多
- wordpress和jquery实现点击加载更多文章的详细方法
- 点击加载更多
- 点击按钮 加载更多
- listview下拉刷新,上拉加载更多的实现方法
- 下拉刷新,加载更多的实现
- HDU 3641 Treasure Hunting(阶乘素因子分解+二分)
- 【C++】栈空栈满异常处理
- [Leetcode]-Balanced Binary Tree
- 九度oj 题目1178:复数集合
- Linux 下PL2302 USB转串口的使用
- 列表页点击加载更多,无刷新加载更多文章的方法(yii)
- 【剑指Offer学习】【面试题38:数字在排序数组中出现的次数】
- 【问题】java.lang.NoClassDefFoundError
- VS2008切换环境(c#,c++,other)
- MAVEN常用命令学习与常见问题
- Js获取当前日期时间及其它操作
- git tips
- WindowManager.LayoutParams 详解
- Ubuntu下配置USB转串口及串口工具配置