怎么在ThinkPHP5.1项目中利用Ajax实现一个无刷新分页功能

  介绍

本篇文章给大家分享的是有关怎么在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 ">   排序   按钮