ThinkPHP
发布时间:2022-04-12 发布网站:大佬教程 code.js-code.com
大佬教程收集整理的这篇文章主要介绍了thinkPHP5框架实现基于ajax的分页功能示例,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
本文实例讲述了thinkphp5框架实现基于ajax的分页功能。分享给大家供大家参考,具体如下:
最近一个页面的选项卡又牵扯到ajax分页,所以研究了一下tp5的ajax分页使用方法
首先看一下tp5的分页功能介绍
1])->paginate(9,
false,['path'=>'javascript:AjaxPage([PAGE]
);']
);
所以我们分页查询写成上面代码所示。
这样页面显示每个分页上面变成了AjaxPage('当前分页数,自动变化')
然后我们就可以在页面中写一个对应的函数E),来完成对应的ajax请求查询,在返回到指定的视图中
ajax请求控制器方法如下
1])->paginate(9,['path'=>'javascript:AjaxPage([PAGE]
);']
);
return view('getall',['res'=>$caseDetails]
);
}
如果选项卡带ID再次查询对应当前分类,可以使用如下
$id])->paginate(9,['page'=>$page,'path'=>"javascript:AjaxDetailsPage(
{$i
D},[PAGE]
);"]
);
return view('',['res'=>$res]
);
}
js代码如下:
E)
{
$.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,pag
E){
$.get('/index/
successcase/getAjax',
{ id:id,page:page },function (data)
{
$('.little-content').html(data
);
})
}
ajax作用范围视图
php;">
{volist name="res" id="casedetails"}
{$casedetails.pic}"/>
{$casedetail
s.nam
E}
{$casedetails.caseCategory.namE}
VIEW MORE
{/volist}
{$res->render()}