本文實例講述了thinkPHP5框架實現基于ajax的分頁功能。分享給大家供大家參考，具體如下：

最近一個頁面的選項卡又牽扯到ajax分頁，所以研究了一下tp5的ajax分頁使用方法

首先看一下tp5的分頁功能介紹

$caseDetails = CaseDetails::where([ status = 1])- paginate(9,false,[ path = javascript:html' target='_blank'>AjaxPage([PAGE]); 

所以我們分頁查詢寫成上面代碼所示。

這樣頁面顯示每個分頁上面變成了AjaxPage( 當前分頁數，自動變化 )

然后我們就可以在頁面中寫一個對應的函數AjaxPage(page)，來完成對應的ajax請求查詢，在返回到指定的視圖中

ajax請求控制器方法如下

public function all() $caseDetails = CaseDetails::where([ status = 1])- paginate(9,false,[ path = javascript:AjaxPage([PAGE]);  return view( getall ,[ res = $caseDetails]);}

如果選項卡帶ID再次查詢對應當前分類，可以使用如下

public function getAjax($id,$page=1) $res = CaseDetails::where([ category = $id])- paginate(9,false,[ page = $page, path = javascript:AjaxDetailsPage({$id},[PAGE]); ]); return view( ,[ res = $res]);}

js代碼如下：

function AjaxPage(page){ $.get( /index/successcase/getAll ,{ page:page },function (data) { $( .little-content ).html(data);$( .on ).hover(function(){ $.get( /index/successcase/all ,function (data) { $( .little-content ).html(data);$( .title-id ).hover(function(){ var id = $(this).attr( title  $.get( /index/successcase/getajax ,{ id :id },function(data){ $( .little-content ).html(data);function AjaxDetailsPage(id,page){ $.get( /index/successcase/getAjax ,{ id:id,page:page },function (data) { $( .little-content ).html(data);}

ajax作用范圍視圖

{volist name= res id= casedetails } li >

以上就是本文的全部內容，希望對大家的學習有所幫助，更多相關內容請關注PHP ！

相關推薦：

PHP后端方法實現網頁的分頁下標生成代碼

關于thinkPHP框架對接支付寶即時到賬接口回調問題的解析

關于thinkPHP框架添加js事件分頁類customPage.class.php的分析

以上就是利用thinkPHP5框架實現基于ajax的分頁功能解析的詳細內容，PHP教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。