之前寫的分頁都是a標籤直接跳轉,這次業務需要不重新整理頁面實現分頁,下面記錄原生的實現方法:
html
//第一頁預設展示內容
600} #777 green ">
//分頁按鈕
1
js
var page = 1;//預設頁面1
$(function();
if(page < 1)
$.post('',data,function(data) else
//業務需要(可忽略) end
//渲染當前頁面內容
document.getelementbyid('user_list').innerhtml+='
'+res[i].userdata.true_name+'
' //當前頁面頁數
document.getelementbyid('nowpage').innerhtml = ''+res[i].userdata.page+'
' }
});});
$(document).on('click', '.active3', function() ;
if(page > )
$.post('',data,function(data) else
document.getelementbyid('user_list').innerhtml+='
'+res[i].userdata.true_name+'
' document.getelementbyid('nowpage').innerhtml = ''+res[i].userdata.page+'
'
}});
});})
php
//資料條數
$count1 = pdo_fetchcolumn("select count(*) from ". tablename('zm_muwall_pay_relation_user_room') . "where `uniacid` = :uniacid and `status` = :status and `room_id` = :room_id ",array(':uniacid'=>$uniacid, ':status' => 2, ':room_id' => $xds_roomid));
// pdo_debug();die;
//分頁總數
$totalpage = ceil($count1/$pagesize);
//當前頁數
$page = $_gpc['page'];
if($page < 1) elseif($page > $totalpage)
//頁面展示資料(業務需求,可忽略) start
$ajax_xds_data = $xds_usermodel->userselectroomall($xds_roomid, $pagesize, $page);
$ajax_xdsrows = $ajax_xds_data['dataarray'];
foreach ($ajax_xdsrows as $k=>$v)
$ajax_xdsrows[$k]['userdata']['true_name'] = $truename['true_name'];
$ajax_xdsrows[$k]['userdata']['time_interval'] = time() - $ajax_xdsrows[$k]['userdata']['time_interval'];
$ajax_xdsrows[$k]['userdata']['page'] = $page;
}$user_list1 = ;
foreach ($ajax_xdsrows as $key => $value)
//頁面展示資料(業務需求,可忽略) end
//返回資料
echo json_encode($user_list1);
Ajax實現分頁查詢
由於查詢返回的資料量很大,超過10w條資料,因此需要對頁面查詢功能進行優化。放棄原有程式中使用datagrid的做法,自己編寫分頁顯示模組。首先在頁面上新增幾個div 用於顯示查詢回的資料 用於顯示分頁的頁碼 用於顯示前一頁 後一頁 首頁 尾頁等控制按鈕 用於顯示當前頁的頁碼 實現客戶端分頁函式 v...
AJAX實現分頁效果
本markdown編輯器使用stackedit修改而來,用它寫部落格,將會帶來全新的體驗哦 markdown 是一種輕量級標記語言,它允許人們使用易讀易寫的純文字格式編寫文件,然後轉換成格式豐富的html頁面。維基百科 使用簡單的符號標識不同的標題,將某些文字標記為粗體或者斜體,建立乙個鏈結等,詳細...
PHP實現ajax分頁
分頁這個功能在日常開發中是必須可少的,自己私下寫了乙個ajax實現頁面分頁的效果,具體 如下 第一步,我們得查詢到這個資料的總數也就是查詢資料庫該結果集 re m cg zs database where wherea where stop eq 1 select 第二步,我們需要設定每頁的條數,例...