Laravel分页 实现不刷新换页?

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

《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
讨论数量: 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年前 评论