本文實(shí)例講述了thinkPHP5框架實(shí)現(xiàn)基于ajax的分頁(yè)功能。分享給大家供大家參考，具體如下：

最近一個(gè)頁(yè)面的選項(xiàng)卡又牽扯到ajax分頁(yè)，所以研究了一下tp5的ajax分頁(yè)使用方法

首先看一下tp5的分頁(yè)功能介紹

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

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

這樣頁(yè)面顯示每個(gè)分頁(yè)上面變成了AjaxPage( 當(dāng)前分頁(yè)數(shù)，自動(dòng)變化 )

然后我們就可以在頁(yè)面中寫一個(gè)對(duì)應(yīng)的函數(shù)AjaxPage(page)，來完成對(duì)應(yīng)的ajax請(qǐng)求查詢，在返回到指定的視圖中

ajax請(qǐng)求控制器方法如下

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

如果選項(xiàng)卡帶ID再次查詢對(duì)應(yīng)當(dāng)前分類，可以使用如下

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 >

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，更多相關(guān)內(nèi)容請(qǐng)關(guān)注PHP ！

相關(guān)推薦：

PHP后端方法實(shí)現(xiàn)網(wǎng)頁(yè)的分頁(yè)下標(biāo)生成代碼

關(guān)于thinkPHP框架對(duì)接支付寶即時(shí)到賬接口回調(diào)問題的解析

關(guān)于thinkPHP框架添加js事件分頁(yè)類customPage.class.php的分析

以上就是利用thinkPHP5框架實(shí)現(xiàn)基于ajax的分頁(yè)功能解析的詳細(xì)內(nèi)容，PHP教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。