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\ ...
随机推荐
- cnpm 安装
国内npm 安装比较慢,可选择cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org
- 【Python】list和tuple 区别比较
列表 List classmates = ['Michael', 'Bob', 'Tracy'] 元组 Tuple tuple一旦初始化就不能修改,比如同样是列出同学的名字: >>> ...
- babel的使用以及安装配置
简介 babel是一个广泛使用的转码器,可以将ES6代码转化为ES5代码,从而在现有环境执行,这意味着,你可以现在就用ES6编写程序,而不用担心现有环境是否支持. 安装及配置 npm install ...
- JSON中的安全问题
Web中使用JSON时最常见的两个安全问题: 1.跨站请求伪造: 即CSRF,是一种利用站点对用户浏览器信任发起攻击的方式.典型的就是JSON数组,更多信息请自行上网百度. 2.跨站脚本攻击. 是注入 ...
- 八、word-space与letter-space
1.worde-space是增加或减少单词之间的空白,即字间距.例如: this is a bag 2.letter-space是增加或减少字符间的空白,即字符间距.例如 ...
- Scrum团队开发
Scrum学习心得 什么是scrum Scrum是迭代式增量软件开发过程,通常用于敏捷软件开发.Scrum包括了一系列实践和预定义角色的过程骨架.Scrum中的主要角色包括同项目经理类似的Scrum主 ...
- Windows10 IIS配置PHP运行环境(原创)
在Windows 10/8 的IIS(8.0)中搭建PHP运行环境: 如果解决了您的问题,文章底部点击下关注,做原创内容不容易,谢谢.转载请注明出处 PS:顺便推荐下自己写的,开源PHP极速后台开发框 ...
- 学习的矩阵微积分The matrix calculus you need for deep learning
学习的矩阵微积分The matrix calculus you need for deep learning https://explained.ai/matrix-calculus/index.ht ...
- antd Grid
import { Row, Col } from 'antd'; <Row type="flex" //内容布局(左靠齐,右靠齐,居中) justify="star ...
- linux自动备份oracle数据库
#此脚本只备份数据表,而且为了方便恢复数据是做的单表逐个备份#在写脚本过程中遇到的报错均加入了解决方案的链接(虽然错误代码没有贴出来)#最终将在脚本所在目录生成年月日-时分的目录,目录下为表名.dmp ...