thinkphp ajax无刷新分页类及实例

Html代码写:
	<div class="list">
		<foreach name="list" item="vv">
			<div class="tile">{$vv.title}</div>
			<div class="content">{$vv.content}</div>
			<hr />
		</foreach>

		<div class="page">
			{$page}
		</div>
	</div>

fetch代码写:

<foreach name="list" item="vv">
	<div class="tile">{$vv.title}</div>
	<div class="content">{$vv.content}</div>
	<hr />
</foreach>

<div class="page">
	{$page}
</div>

控制器写:

$articleData = M('article'); // 实例化User对象

		$count      = $articleData->where('1=1')->count();// 查询满足要求的总记录数

		$Page       = new \Think\Page($count,5);// 实例化分页类 传入总记录数和每页显示的记录数(25)

		$show       = $Page->show();// 分页显示输出

		// 进行分页数据查询 注意limit方法的参数要使用Page类的属性

		$list = $articleData->where('1=1')->limit($Page->firstRow.','.$Page->listRows)->select();

		if(IS_AJAX){

			$this->assign('page',$show);// 赋值分页输出

			$this->assign('list',$list);

			$html = $this->fetch('Index/ajaxPage');

			$this->ajaxReturn($html);

		}

		$this->assign('list',$list);// 赋值数据集

		$this->assign('page',$show);// 赋值分页输出

    	$this->display();


js写:

<script>
$(function(){
	$(".page a").live('click',function(){
		 var pageObj = this;
		 var url = pageObj.href
		$.ajax({
			type:'get',
			url:url,
			success:function(res){
				$(".list").html(res);
			}
		})
		return false;
	})
})

</script>

注意:这里的live,jquery1.9+后就删除了,替换的方法在

http://blog.sina.com.cn/s/blog_1799535d70102xb1j.html

转载于:https://www.cnblogs.com/ningjiabing/p/10066104.html

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值