网站建设之php+jquery无刷新数据分页

当我们展现大量数据的时候，一般用会刷新页面传入不同参数方式 进行数据分页，但是每次刷页面定位就会在头部，如果用瞄点或者更好的js动画进行重新定位，也会有页面刷新时闪屏的现象，为了追求更好的用户体验，我们结合ajax的局部刷新做一个不刷新页面的的分页
function page_ajax($total,$page,$page_size = '')
{
//$total :总数
//$page :传递过来的当前页的值,第八页$page = 8;
//$page_size :每页显示的数据的数目
//$url :传递的地址,默认为当前页面
//$max_length:分页代码时候,中间的分页数的一半
$page = ($page < 1) ? 1 : $page ;
$page_size = $page_size ? $page_size : 10;
$url = $url ? $url :$_SERVER['PHP_SELF'];
//$url=str_replace('.html','',$url);
$max_length = $max_length ? $max_length : 5 ;
$start = $page ? ($page - 1) * $page_size : 0;
$total_page = ceil($total/$page_size);
$page_table = '';
//aways in the pages
$page_table = '';
return $page_table;
}
上面是拼接链接的处理函数。
在控制器中 通过传递的n的页码数查询数据，将数据返回到前端
$page = I('page')>1 ? I('page') : 1 ;
$page_size=10;//每页显示数量
$start = ($page-1)*$page_size;
$ModelObj->where($map)->limit($start,$page_size)->order('create_time desc,id')->select();//echo $ModelObj->_sql();//查询数据
$this->page=page_ajax($total,$page);//分页链接
前端jq
function get_log(n) {
$.ajax({
url: url_get_pay+'?page='+n,
cache: false,
success: function (obj) {
$('#log_list').html(obj); //将内容输入到容器中
},
error: function () {
layer.msg('搜索出现错误！', {icon: 5}); //layer弹窗插件
}

文章名称：网站建设之php+jquery无刷新数据分页
分享路径：https://www.cdcxhl.com/news/243502.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有网站建设等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联