Laravel分页 实现不刷新换页?

Laravel分页 实现不刷新换页?
原理是通过ajax获取数据 并用js 更换 html代码
关键如何获取指定页面的数据呢? 同时分页器的页数也得跟着换
具体有什么好方法实现呢,想了下有点复杂

《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 28

easy, 使用 vue 或者 react .

6个月前 评论
AegisforPhP (楼主) 6个月前
徵羽宫 (作者) 6个月前
哪吒的狗腿子 6个月前

原理不复杂,写起来有点复杂。首先改写 laravel pagination 的模板,将 a 标签添加属性 page <a href ='javascript:;' page='2'>,在 js 中定义 a 标签点击事件,获取 page 属性,组装 ajax 的参数有 limit page,再带上表单参数,发送 POST 请求,返回 view,然后用 html(view) 更换界面。可以借鉴下 github.com/lpong/leacmf-laravel laravel5.7 + layui 实现的 ajax 分页

6个月前 评论
AegisforPhP (楼主) 6个月前
php_yt (作者) 6个月前
把代码写成诗 6个月前
LXK 6个月前
把代码写成诗 6个月前
LXK 6个月前
清启 6个月前

你们都没有用过 jquery.pjax,楼上搞得这么麻烦~

6个月前 评论
LXK 6个月前
Imuyu (作者) 6个月前

直接换一个 jq 的 table 插件就可以了。例如 datatables.js 、bootstrap-table.js

6个月前 评论
把代码写成诗 6个月前
风吹过有夏天的味道 (作者) 6个月前

你可以看看laravel-admin项目的,它就是你说的这个效果,直接观察它的就可以了,用到的是pjax

6个月前 评论
翟宇鑫

方法很多,api + ajax 最简单了

6个月前 评论

2017年用tp搞过这种,原理是监听分页下面的a标签,点击的时间请求接口page+1,然后根据返回的数据替换容器内的内容。

6个月前 评论

一个说的比一个复杂,不用vue也几行代码就搞定。

file

6个月前 评论
翟宇鑫 6个月前
小学毕业生 6个月前

iframe 试试,互相伤害是吧

6个月前 评论
porygonCN

直接前端使用pjax

6个月前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!