ajax分頁類實現分頁功能
阿新 • • 發佈:2018-12-14
整體思路:將頁號傳遞到後臺PHP程式,PHP程式根據頁號,從資料表中查詢對應的內容,再返回給前端的ajax程式,最後顯示.
引用ajax分頁外掛:是一個基於jQuery的分頁外掛-pagination。 1.前端內容:
2.編寫後臺的getContent方法 :
3.測試:正常顯示ajax分頁
總結:Ajax是一種靈活的程式,靈活在後臺PHP的最終輸出到底應該選擇哪種型別。要觀察前臺使用哪種資料類更好處理。
引用ajax分頁外掛:是一個基於jQuery的分頁外掛-pagination。 1.前端內容:
<script type="text/javascript"> //引數:要跳轉的頁號 function show(page){ //data引數就是getContent方法執行後的最終結果$.get("{:U('getContent')}",{"page":page, '_':Math.random()},function(data){ $('tbody').html(data); }); } $('.pagination').pagination({$count},{ //逗號前面引數為每總記錄數 callback: function(page){ //每次點選頁號時,都會觸發show函式 show(page+1); }, items_per_page:{$pagesize},//每頁顯示多少條記錄 display_msg: true, //是否顯示記錄資訊 setPageNo: true //是否顯示跳轉第幾頁 });
2.編寫後臺的getContent方法 :
function getContent(){ $pagesize = 2; //1.接收get傳遞的page引數 $pageon = I('get.page'); //2.例項化User模型,根據頁號查詢資料 $user=D('User'); $user_list=$user->page($pageon,$pagesize)->select(); //echo json_encode($user_list); $this->assign('user_list',$user_list); $this->display(); }
3.測試:正常顯示ajax分頁
總結:Ajax是一種靈活的程式,靈活在後臺PHP的最終輸出到底應該選擇哪種型別。要觀察前臺使用哪種資料類更好處理。