CI框架下 ajax分页
用做于商品详情页的评论展示:
html:
<script>
var commodityid=<?php echo $info['commodity_id'] ?>;
var url="<?php echo base_url();?>index.php/frontend/ajax_getCommentList?comId="+commodityid+"&per_page=0"; ajax_page(url,commodityid);
//点击进行分页
$('.page a').die().live('click',function() {
var Href = $(this).attr("href");
//清除上一次加载的html ajax_page(Href,commodityid);
//loadtab(Href);
return false;
});
//ajax显示商品评论
function ajax_page(url,id){
$.ajax({
type:"POST",
url:url,
dataType:"json",
data:"comId="+id,
success:function(msg){
$(".info_comment").html('');
for(var i=0;i<msg['commentList'].length;i++){ $(".info_comment").append('<div class="info_comment_item">'+msg['commentList'][i]['username']+':'+msg['commentList'][i]['comment_content']+'</div>');
if(msg['commentList'][i]['comment_reply_content']!=null){
$(".info_comment").append('<div class="info_comment_item"> 回复:'+msg['commentList'][i]['comment_reply_content']+'</div>');
}
}
$("#pageview").html(msg['page']);
}
})
}
</script>
<div class="info_comment"></div>
CI控制器:
//ajax获取用户评论
public function ajax_getCommentList(){
$this->load->library('pagination');
if($this->input->post('comId')){
$comId=$this->input->post('comId');
}else{
$comId=$this->input->get('comId');
} $num=2;
$p=$this->input->get('per_page');
if(empty($p)){
$p=0;
}
$config['base_url'] =base_url().'index.php/frontend/ajax_getCommentList?comId='.$comId;
$config['total_rows'] =$this->frontend_model->comments_like_total($comId);
$config['query_string_segmnt']='per_page';
$config['page_query_string']=true;
$config['full_tag_open']="<div class='page'>";
$config['per_page']=$num;
$config['full_tag_close'] = "</div>"; $this->pagination->initialize($config);
$pageview=$this->pagination->create_links(); $p=$this->input->get('per_page');
if(empty($p)){
$p=0;
}
$commentList=array();
$commentList['page']=$pageview;
$commentList['commentList']=$this->frontend_model->get_comment_list($comId,$p,$num);
echo json_encode($commentList);
}
CI框架下 ajax分页的更多相关文章
- CI框架下CSS和JS的路径问题
注意:CI框架下的CSS和JS的引用必须放在框架外面,比如,可建立resource文件夹与application同级,用来封装CSS和JS. 在view层用resource里面CSS和JS可采用以下几 ...
- springmvc框架下ajax请求传参数中文乱码解决
springmvc框架下jsp界面通过ajax请求后台数据,传递中文参数到后台显示乱码 解决方法:js代码 运用encodeURI处理两次 /* *掩码处理 */ function maskWord( ...
- CI 框架下执行CLI(命令行)
1.可以按照Ci官方文件的指导来进行操作 让我们先创建一个简单的控制器,打开你的文本编辑器,新建一个文件并命名为 Tools.php,然后输入如下的代码: <?php class Tools e ...
- CI框架下的get_instance() 函数
你随便下个CI框架的源码都会看到很多的get_instance() 函数,这个函数是用来获取CI 的全局超级对象,CI 是单例模式的框架,所有全局有一个超级对象.因为只有一个实例,所以无论这个函数使用 ...
- CI框架下 新浪微博登录接口完整版
https://www.cnblogs.com/yznyzcw/p/3756622.html#top 说明:本贴只适合CI框架.功能实现:登录接口跳转链接成功,获取用户信息(包括最重要的u_id)成功 ...
- laravel 框架 下拉分页
<!doctype html><html lang="en"><head> <meta charset="UTF-8" ...
- 在CI框架下执行存储的方法
我直接把代码摆在这里分享哈 <?php /** * * Created by JetBrains PhpStorm. * User: lsl * Date: 14-1-8 * Time: 下午2 ...
- SSH框架下ajax调用action并生成JSON再传递到客户端【以get和post方式提交】
需要完成的任务: 主要是把JSP页面上图片ID传给服务器端,服务器读取cookie看是否有username,如果有则根据ID读取MongoDB数据库,读出图片URL,再存放到mysql中的collec ...
- 微擎框架下拉分页(使用js模板引擎)
1.需要分页的页面,引入一下文件 <script language="javascript" src="\addons\{$_GPC['m']}\template\ ...
随机推荐
- C#学习笔记14
1.在多个线程的同步数据中,避免使用this.typeof(type).string进行同步锁,使用这3个容易造成死锁. 2.使用Interlocked类:我们一般使用的互斥锁定模式(同步数据)为Lo ...
- Object.defineProperty使用技巧
Object.definedProperty 该方法允许精确添加或修改对象的属性.通过赋值操作添加的普通属性是可枚举的,能够在属性枚举期间呈现出来(for...in 或 Object.keys 方法) ...
- 数组之reduce()和reduceRight()
1.reduce()和reduceRight()方法使用指定的函数将数组元素进行组合,生成单个值. reduce()可以传入两个参数,第一个是执行化简操作的函数.同样这个函数可以有参数,第一个参数代表 ...
- JavaScript this指向相关内容
1,默认绑定this指向windw对象 看代码: function test(C){ var a = 123 function b(){}; } 在预编译环节当中. OA{ arguments:[1] ...
- ES5 object方法整理
Object.getPrototypeOf(object):调用对象父类原型上的方法; function Person(){ this.method1 = function(){alert(1)} } ...
- 基于Vue的WebApp项目开发(一)
了解webpack的魔力: 项目结构以及开发环境 webpack初体验之打包文件 1.首先创建三个文件,分别是index.html.main.js和calc.js index.html <!DO ...
- qt 创建资源文件
我们编写的gui可能需要一些额外的资源(比如贴图用的图片),可用资源文件统一管理.以下以图片为例. 用qt creator 打开工程,为工程新建资源文件: 命名为“项目名.prc”,(此处为“cloc ...
- C/C++读写excel文件 的几种方式
因为有些朋友问代码的问题,将OLE读写的代码分享在这个地方,大家请自己看. http://blog.csdn.net/fullsail/article/details/8449448 C++读取Exc ...
- angular中的scope
angular.element($0).scope() 什么是scope? scope是一个refer to the application model的object.它是一个expression的执 ...
- Android已上线应用开源分享中(第一季)
这是我上线的第一个android应用,在百度.腾讯.豌豆荚等平台测试通过,也有了部分用户,还是可以的啊,哈哈.现在分享给大家,当然,源码我也会分享. 1.软件是一个管理wifi的小工具 (1)查询.连 ...