Ajax分页在项目开发中是一项必备的技能。当我们的数据库数据量比较大的时候使用Ajax分页可以很好的缓解数据库的查询压力。那么Ajax分页如何实现呢?原生SQL分页我们知道需要有偏移量,每页显示的数据条数就可以简单实现。其实Ajax分页原理也一样,当我们在前台点击页码时传递页码在后台,后台进行数据处理即可。本例tp3.2与tp5都适用,话不多说,直接贴代码
前端Ajax:
<div class="dataTables_paginate paging_bootstrap pagination">
<!-- 输出分页 -->
{volist name="paging" id="value"}
<li>
<a href="javascript:void(0)" οnclick="page({$value})">
{if condition="$value eq '0'"}首页
{else/}{$value}
{/if}
</a>
</li>
{/volist}
</div>
Ajax部分
<script>
//分页的Ajax
function page(page){
$.get("{:url('Role/index')}",{page:page},function(data){
$("#uid").html(data);
});