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

猜你喜欢

转载自blog.csdn.net/qq_37995146/article/details/78344447