當我們展現大量數據的時候，一般用會刷新頁面傳入不同參數方式 進行數據分頁，但是每次刷頁面定位就會在頭部，如果用瞄點或者更好的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無刷新數據分頁
分享路徑：http://m.2m8n56k.cn/news/243502.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站建設等

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯