利用thinkPHP5框架实现基于ajax的分页功能解析

本文实例讲述了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教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。