Laravel分页 实现不刷新换页?

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

《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 28

easy, 使用 vue 或者 react .

1年前 评论
AegisforPhP (楼主) 1年前
徵羽宫 (作者) 1年前
哪吒的狗腿子 1年前

原理不复杂,写起来有点复杂。首先改写 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 分页

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

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

1年前 评论
LXK 1年前
Imuyu (作者) 1年前

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

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

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

1年前 评论
翟宇鑫

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

1年前 评论

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

1年前 评论

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

file

1年前 评论
翟宇鑫 1年前
小学毕业生 1年前

iframe 试试,互相伤害是吧

1年前 评论
porygonCN

直接前端使用pjax

1年前 评论

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