【Layui】对于post请求方式的分页引发的刷新父级页面问题

最新推荐文章于 2021-09-15 10:18:42 发布
最新推荐文章于 2021-09-15 10:18:42 发布
阅读量1.8k 收藏
点赞数
分类专栏： Layui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fangkang7/article/details/86579056
版权

author：咔咔

wechat：fangkangfk

这是做的视频分类案例

在做这个时，我们的分页都是post请求获取的数据，但是在添加完数据之后，需要关闭添加页面，并且返回父级页面，也就是这个页面。

现在就暴露了问题，比如我现在添加一个电视剧，返回来之后应该是电视剧，但是返回来是直接到电影的，因为post请求参数是没有在地址后边的，所有会直接返回到相当于初始页面

所以我们在添加完之后，将进入添加页面的地址跟参数放到隐藏域里边，然后传递给父级页面

父级页面接收到地址之后，在进行刷新即可

咔咔-
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
layui后台分页
秋楓的博客
04-26 1420
layui后台分页前端index.html后端1.返回数据类2.分页controller类3.分页service类展示 前端 index.html <!DOCTYPE html> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <meta name="renderer" content="webki
使用layui进行后端分页展示
一只猿Hou的博客
03-13 1205
controller代码 @RequestMapping("/allNewsList2") @ResponseBody public Map getAllNews2(Integer currentPage, Integer pageSize) { PageHelper.startPage(currentPage, pageSize); List allNews = newsService.getAllNews(); Integ
Layui表格分页心得
wb13367115356的博客
09-15 731
很多小伙伴们在使用layui的时候，发现它的表格渲染实现很简单，只需要给个接口，在后台拿数据并且使用规定的格式返回数据就行了，具体返回的json格式如下(用的是Java代码) private int code;//状态码 private String msg;//信息 private Object data;//返回的数据 private String count;//数据条数 但是我们渲染表格数据完成之后，往往需要分页，这个时候很多小伙伴们在查看官方文档的时候，会有点
layui实现分页查询
qq_48528335的博客
04-14 2030
layui实现分页查询 一、导入分页插件 <!-- 分页插件 --> <dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper-spring-boot-starter</artifactId> <version>1.2.12&lt
php post 父窗口,$post-> post_parent在页面上的行为与在functions.php中不同
weixin_33526515的博客
03-11 222
我创建/修改了一个功能,以在WordPress的页面上显示面包屑.修改后的版本使用#post-> post_parent来获取页面的父级,以便获得完整的痕迹(首页>第1页>第2页>第3页vs.主页&第3页)该代码可以在页面上完美执行(例如,首页>页面1>页面2>页面3).但是,当我将其放入函数中并从functions.php页面调用它时,它无法使用...
layui使用form表单实现post请求页面跳转的方法
10-16
为了解决这个问题，我们可以利用layui的form组件以POST方式提交数据，这样数据会被封装在请求体中，而不是显示在URL上。 首先，我们需要创建一个隐藏的form表单，设置其`action`属性为需要请求的服务器端接口，`...
layUI实现前端分页和后端分页
10-16
本篇将详细介绍如何使用layUI来实现这两种分页方式。 **前端分页** 前端分页是指在浏览器端进行数据的分块加载，通常适用于数据量不大或者对实时性要求不高的场景。在layUI中，前端分页主要依赖于layui的`laypage`...
Ajax post请求跳转页面
10-20
在Web开发中，Ajax（Asynchronous JavaScript and XML）是一种创建动态网页的技术，它允许在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。在某些场景下，我们需要在发送Ajax POST请求后根据服务器...
layui关闭弹窗后刷新主页面和当前更改项的例子
10-16
在网页开发中，有时我们需要实现弹窗操作完成后刷新页面或者特定元素的功能，这在更新数据时尤为常见。layui 是一款轻量级的前端...这个示例对于理解如何在layui中实现弹窗操作后刷新页面或特定元素的逻辑非常有帮助。
httpClient(java http/https)（二）（layui分页+httpclient+https+post）
u012826756的专栏
10-07 504
前言 因为做毕设，所以需要爬取食品相关数据，而且爬取后要做分页。 思路： 先用Java写爬虫爬取数据，然后用layui做分页。 涉及技术点： （1）Java爬虫 需要用到httpclient，因为接口是post，所以需要带参数的post请求，又因为协议是https协议，所以需要绕过证书验证。 （2）分页 layui做分页（其实做过了就很简单） 因为这篇是实践篇，所以主要放代码 代码 cont...
LayUI分页：获取当前页面与总页数
W
05-25 4873
$(".layui-laypage-em").next().html(); //当前页码值 $(".layui-laypage-limits").find("option:selected").val() //分页数目
LayUI分页，LayUI动态分页，LayUI laypage分页，LayUI laypage刷新当前页
weixin_33985507的博客
08-01 1134
LayUI分页，LayUI动态分页，LayUI laypage分页，LayUI laypage刷新当前页   &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&
layui table获取分页当前页页码page
迪奥乔斯达的博客
10-29 8863
如果点击下一页,表格重载之后需要获取,就把获取的代码放在那一步操作里就可以了,例如。评论中说的打印出来为true 我没遇到 如果还有问题请贴一下代码 大家一起看看。因为csdn论坛改版之后不经常上来看 所以回复不及时 抱歉。然后打印的是这样的 打印了两条 红框中的就是页码。然后用tablename来获取。先定义tablename。
layui中从上一个js模块中取参数_thymeleaf中使用layui（公用部分提取）
weixin_39775896的博客
12-21 626
layui已经提供了一整套的UI布局及相关组件，并且有相当完善的api文档，本文重点在于thymeleaf中如何使用layui，包括公用部分的提取，而非简单的layui的用法。先上两个效果图 列表.png 表单.png一、思路1.像传统的一样建文件头和尾(但是又和传统的写法不同，见下面代码)2.定义公用js--common.js3.定义公用css--用来重写一些样式或者自定义样式4.编写列表页5....
ajax post表单后 url会变为url?id=%d%5c
Tempta的博客
08-16 1158
ajax post表单后 url会自动改变。如下： 提交前：localhost:3000/ 提交后：localhost:3000/?user%5Bname%5D=%E5%A4%A7%E6%B4%92%E5%BA%97解决方法1：$('#form-signup').on('submit', function(ev) { ev.stopPropagation(); ev.preventDef
layui table reload post请求_如何实现在Layui框架中完成父窗口刷新（更新）
weixin_39914975的博客
02-03 2060
最近有个项目使用Layui框架进行后端系统的界面搭建，其中Layui框架中的Layer组件在项目中会用得非常多。且有些功能会遇到子窗口完成数据的提交后，进行关闭同时会刷新父窗口的数据，所以此文章分享一下《如何实现在Layui框架中完成父窗的刷新功能》当然这里有朋友就会吐槽，现在的项目都是基于SpringBoot + Vue的前后端分离开发。在这里我要说明一下此文章是分享给目前学习 或 正在使用La...
layui——分页（ajax请求）
热门推荐
是蒙娜丽莎啊的博客
01-08 2万+
这次记录下借助layui框架实现的分页功能，本人使用的是layui的1.0.9版本。首先还是来复习下layui分页需要掌握的知识点，再通过实际案例来说明下具体这么用。 一 加载模块 首先，在使用layui的分页模块时，要加载需要使用到的分页模块，而根据layui的官方文档说明，一共有预先加载和按需加载两种方式。但是官方建议使用预先加载的方式，因为这样可以避免到处写layui.use([])的麻
关于layui的分页查询_table实现
彼岸使者
05-22 1万+
对    于    后   台   管    理    系    统   ,以    前    的    分    页    展    示    是    自    己    写    的  先看一下这是我用layui做的一个简单的分页。↓展示截图。 先来总结一下自己的问题：首先自己是个刚到公司的小白，对于前端的只是和各种ui框架掌握的不是很熟，（实际上是没看过），到公司之后为了方便快捷，所以开始...
layui table post请求
最新发布
04-04
要使用Layui的表格组件进行POST请求，需要先定义一个数据表格： ``` <table class="layui-table" id="dataTable"> ``` 然后，在JavaScript中，初始化表格并设置一些参数： ``` layui.use('table', function(){ ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

咔咔-

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值