介绍
本篇文章给大家分享的是有关怎么在ThinkPHP5.1项目中利用Ajax实现一个无刷新分页功能,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
具体如下:
无刷新分页可以减轻服务器负担,利用Ajax技术,请求部分信息,提高网站访问速度,是网站建设的必备技术。
需要在后台展示自定义属性列表(lst.html),其中的列表部分摘出来,放到(paginate1。html)中:
& lt; div 类=皉ow"比; & lt;才能div 类=癱ol-sm-12"比; ,,,& lt; div 类=癷box float-e-margins"比; ,,,,,& lt; div 类=癷box-content"比; ,,,,,,,,,& lt; table 类=皌able table-bordered"比; ,,,,,,,,,,,& lt; thead> ,,,,,,,,,,,,,& lt; tr> ,,,,,,,,,,,,,,,& lt; th> ID ,,,,,,,,,,,,,,,& lt; th>名称& lt;/th> ,,,,,,,,,,,,,,,& lt; th>取值& lt;/th> ,,,,,,,,,,,,,,,& lt; th>显示& lt;/th> ,,,,,,,,,,,,,,,& lt; th>排序& lt;/th> ,,,,,,,,,,,,,,,& lt; th>操作& lt;/th> ,,,,,,,,,,,,,& lt;/tr> ,,,,,,,,,,,& lt;/thead> ,,,,,,,,,,,& lt; tbody> ,,,,,,,,,,,,,{volist 名称=皊elf", id=皏o"} ,,,,,,,,,,,,,& lt; tr> ,,,,,,,,,,,,,,,& lt; td> {$ vo.id} & lt;/td> ,,,,,,,,,,,,,,,& lt; td> {$ vo.name} & lt;/td> ,,,,,,,,,,,,,,,& lt; td> {$ vo.value} & lt;/td> ,,,,,,,,,,,,,,,& lt; td> ,,,,,,,,,,,,,,,,,{if $ vo.isshow==1} ,,,,,,,,,,,,,,,,,& lt; button 类型=癰utton",类=癰tn btn-success btn-sm"祝辞是& lt;/button> ,,,,,,,,,,,,,,,,,其他的{/} ,,,,,,,,,,,,,,,,,& lt; button 类型=癰utton",类=癰tn btn-danger btn-sm"在否& lt;/button> ,,,,,,,,,,,,,,,,,{/如果} ,,,,,,,,,,,,,,,& lt;/td> ,,,,,,,,,,,,,,,& lt; td> & lt; input 类型=皌ext",价值=https://www.yisu.com/zixun/{$ vo.order} " name=" ">{/volist} tbody> 表> {$自我|生} 操作<跨类="脱字符号"> >按钮<李> 修改> 李> <李> 删除> 李>
<按钮类=" btn btn-success " type="按钮" id=" changeOrder "> <我类=" fa fa-plus-square "> 排序 >按钮