layui无刷新更新关闭弹出层

最新推荐文章于 2023-04-20 16:22:43 发布

传说中的钻石勇者

最新推荐文章于 2023-04-20 16:22:43 发布

阅读量751

点赞数 2

文章标签： ajax jquery js javascript

本文链接：https://blog.csdn.net/magezhitu/article/details/106651099

版权

本文介绍如何在layui弹出层中实现无刷新更新功能。在表格操作中，通过点击弹出层的更新按钮，原本会导致父页面刷新的问题，通过在ajax的success中处理，并在更新按钮上添加type="button"，成功避免了页面刷新，实现了平滑的用户体验。

摘要由CSDN通过智能技术生成

因为工作的缘故碰到这个东西，就搞了一会。。
具体是表格中的弹出层，我在弹出层直接写div没写form表单，弹出层每次点击更新按钮关闭，但每次关闭弹出层，父页面会自动刷新一次表格，由于不想用到自动刷新，于是小小的改了一下。

				$.ajax({
     
					method: 'get',
					url: 'xxxx' + param,
					dataType: "text",
					success: function(

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

传说中的钻石勇者

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

layui 关闭弹出层并刷新父级页面：

qq_43024877的博客

10-31

1619

项目场景 layui 关闭弹出层并刷新父级页面： @Override form.on('submit(demo1)', function (data) { delete data.field.file; data.field.id='{$res.id}'; $.post('{:url("index/Saas/mess8")}?type=status', {data: JSON.stringify(data.field)

关于layui 弹出层一闪而过就消失的解决方法

10-16

可以使用`layui.layer.load`作为加载提示，直到数据加载完毕后再关闭加载层并打开弹出层。 5. **CSS样式冲突**：有时候，弹出层消失可能是因为其他CSS样式覆盖了layui的样式。检查全局CSS，确保没有与layui弹出层...

参与评论您还未登录，请先登录后发表或查看评论

layui的弹窗里面有个按钮实现关闭弹窗。但是总是在关闭时触发刷新。我不想刷新啊

肖肖肖丽珠的博客

05-08

872

如标题我只想关闭当前的弹窗并不想刷新页面可以这样啦我在写取消事件的时候。 $(".cancelstustatusformsub").click(function() { layui.closeAll(); return false; }) 结果弹窗关闭以后还刷新了页面。实际上我并不想刷新页面。下面这样写就行啦 $(".cancelstustatusformsub").click(function() { ...

layui 设置打开弹窗让页面不能刷新

wuhuajun_123456的博客

05-07

874

function onAddBtn(userID,gameID,roomID) { $("#type_hidden_id").val('1'); layer.open({ type: 2 ,title: ['查看信息'] //不显示标题栏 ,closeBtn: 1 ...

layui关闭弹出层

小寒风的

11-09

514

layer.closeAll();//疯狂模式，关闭所有层 layer.closeAll('dialog'); //关闭信息框 layer.closeAll('page');//关闭所有页面层 layer.closeAll('iframe');//关闭所有的iframe层 layer.closeAll('loading');//关闭加载层 layer.closeAll('tips');//关闭所有的tips层 ...

layer.open点击提交按钮不关闭只刷新弹窗

福尔摩杰的博客

01-19

4251

关于layer.open弹窗，项目中使用了这样的功能。就是在弹窗中操作完成后点击保存（提交），然后弹窗不关闭，只是刷新弹窗，然后继续操作。实现方式其实很简单，就一行代码 document.getElementById("layui-layer-iframe"+index).contentWindow.location.reload(); 具体如下: layer.open({ type : 2,...

layui点击编辑后不需要刷新

书山有路_邓

08-26

493

1.覆盖调方法 2.直接改之前的方法 form.on("submit(sub)", function (data) { var url_path = '/' + $(this).data('module') + '/' + $(this).data('controller') + '/save' console.log('=======================================') console.log('===

layer实现关闭弹出层刷新父界面功能详解

08-28

本文主要探讨如何使用layer实现关闭弹出层并同时刷新父界面的功能，这对于那些需要在用户完成特定操作后更新父页面状态的应用场景至关重要。首先，我们来看基础的实现方法。通常，我们在关闭layer弹出层时会使用`...

layui 关闭open弹出框刷新table表格页面的方法

10-16

在这个回调函数中，我们通常可以放置一些需要在关闭弹出层之后执行的代码。具体到关闭弹出框并刷新表格的操作，我们可以通过在弹出框的end回调函数中调用JavaScript的window.location.reload()方法来实现页面的...

layui之弹出层关闭和刷新问题

weixin_30680385的博客

12-19

742

本篇文章是根据本人实际开发的例子来讲的，不一定适用各位看官的情况描述：主页面，弹出第一个弹框，第一个弹框中在弹出第二个弹框，如图： 1是主页面，2是子弹窗，3是孙弹窗功能一：好了，第一个我要实现的功能是点击弹窗3的确定之后关闭弹窗3 上js代码，先贴出如何在主页面1中弹出弹窗2的代码： //弹窗2（代码写在主页面1）function edit() {var index =...

layui之子页面关闭刷新父页面（亲身测试，很实用）

COCOLI_BK的博客

02-24

7267

layui - 子页面刷新父页面页面 parent.layui.table.reload('educationReload',{page:{curr:1}}); 子页面主要代码块 /* 表单提交 */ form.on('submit(component-form-element)', function (data) { $.ajax({ ...

弹窗里面显示表格打开一次后，以后table不会变化（刷新）的问题

qq_46490956的博客

02-21

1321

弹窗里面显示表格打开一次后，以后table不会变化（刷新）的问题

layui 弹出层中选项卡刷新无效

qq_42943161的博客

08-18

502

解决方法: 仔细看看网页的html代码就会发现layui自己动态生成了代码覆盖了你的代码,所以有两种方式解决这个问题. 1.重新打开iframe 2.需要执行layui官方提供的 form.render(type, filter),type是select,radio,checkbox之类,filter是标签中class为layui-form设置的lay-filter的值 ...

前端ui框架layui——layer弹出层-弹出框方法

热门推荐

Smile__Mo的博客

06-15

1万+

——————————弹出框方法—————————————————1.layer.open(options) - 原始核心方法基本上是露脸率最高的方法，不管是使用哪种方式创建层，都是走layer.open()，创建任何类型的弹层都会返回一个当前层索引，上述的options即是基础参数，另外，该文档统一采用options作为基础参数的标识例子： layer.open ({ ...

layui ajax 上传文件_Springboot加layui实现的HelpDesk系统

weixin_39606361的博客

11-26

139

在介绍系统之前，先说一下技术栈吧。后端用到的是Springboot框架，前端使用的是layui框架，然后前端服务器使用的是nginx，数据库使用的是mysql,利用redis作为缓存服务。在这两大框架基础之上，又引入了shiro作为权限登录校验，使用websocket实现消息的实时推送和接收。这里，我再顺便介绍一下HelpDesk系统。百度上说:HelpDesk是指IT专业技术人员为了保障IT...

layui table 弹出层刷新_layui框架弹出层关闭和刷新问题的解决方法

weixin_35110501的博客

12-23

709

layui框架弹出层关闭和刷新问题的解决方法发布时间：2020-06-25 14:25:11来源：亿速云阅读：259这篇文章将为大家详细讲解有关layui框架弹出层关闭和刷新问题的解决方法，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。layui框架是一款采用自身模块规范编写的前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式，描述：主页面...

layui弹窗编辑表单清空

weixin_38897313的博客

04-20

1058

我们的表格数据新增和编辑弹窗为共用，打开编辑后，再次打开新增弹窗，清空之前的内容，这时我们可以通过如下三种方法进行。表单必须是form的dom，div的则不行，无法触发。在相应的逻辑后添加，完成当前页面的刷新即可。通过ID查找并reset表单即可。

layui 弹出框，关闭后刷新，并且停留在当前页面

01-28

981

　　　　　end: function () { $(".layui-laypage-btn").click();//弹出框关闭后刷新，停留在当前页 } 转载于:https://www.cnblogs.com/w-yu-chen/p/10330560.html...

layui修改、删除

KidShmily的博客

12-03

3352

修改还删除的功能，部分功能可以看前一篇的查询功能 jap前端 &lt;%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&gt; &lt;% String path = request.getContex

layui 弹出层刷新