Ajax提交表单后关闭弹窗，同时加载刷新父类页面

最新推荐文章于 2022-05-30 13:52:54 发布
最新推荐文章于 2022-05-30 13:52:54 发布
阅读量7.8k 收藏 4
点赞数 3
分类专栏： Ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cc_niu/article/details/77949829
版权
在使用layer插件的弹窗中，通过jQuery Ajax提交表单后，如何实现弹窗关闭且父页面刷新的问题，本文提供了解决方案。欢迎大家探讨和指正。
摘要由CSDN通过智能技术生成

想必有部分同学有遇到过这样的问题：

在弹窗通过layer插件打开的情况下，采用jQuery Ajax提交表单后，弹窗无法关闭，亦或是弹窗关闭后，父类页面没有刷新。怎么解决这个问题呢？

来，大伙一起围观一下解决方法：


function submitForm() {
	//获取表单各项的值（略）			
	//提交表单数据
	$.ajax({
		url:"略",
		type:"post",
		data:略, 
		dataType:"text",
		success:function(data){
			//加载刷新父类页面并关闭弹窗
			window.parent.location.reload
最低0.47元/天 解锁文章
cc_niu
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
2023年前端面试汇总-React
越陌度阡
06-29 811
React并不是将click事件绑定到了div的真实DOM上，而是在document处监听了所有的事件，当事件发生并且冒泡到document处的时候，React将事件内容封装并交由真正的处理函数运行。这样的方式不仅仅减少了内存的消耗，还能在组件挂在销毁时统一订阅和移除事件。除此之外，冒泡到document上的事件也不是原生的浏览器事件，而是由react自己实现的合成事件（SyntheticEvent）。因此如果不想要是事件冒泡的话应该调用event.preventDefault()方法，而不是调用event
JavaWeb项目实战
Dylan6868的博客
03-23 1万+
没有任何优化的代码 数据库 1创建数据库school，并且使用该数据库 2创建登陆用户的表格 3创建年级的表格 4创建学员表格 填写测试数据 1给用户表添加数据 2给年级表填写数据 3学生表添加数据 insert into studentvalues(1,'张三','stu1001',1,'13719201111','11111111@qq.com','北京','XX区XX镇','物理','2209121102911111','党员'...
Layui 的数据表格，在调用Ajax请求后的关闭弹窗和刷新父窗口js
huangbaokang的博客
12-26 6060
$.ajax({ url:'<%=path%>/content/addJctt', type:'post', dataType:'json',
JQuery ajax 实现关闭弹窗，刷新列表
灵活大胖子HDG 的博客
12-28 3735
关闭弹窗，刷新列表 简单粗暴看代码和注释，在结束的那一刻，做你想做的， 比如： 1.将你的弹窗隐藏，等于关闭 2.将你的查询再执行一遍，等于刷新 $.ajax({ url: &amp;quot;/文件/控制器/方法&amp;quot;, type: &amp;quot;Post&amp;quot;, data: { //要操...
fastadmin自定义按钮btn-dialog 在关闭弹窗后刷新父窗体 刷新 关闭 按钮 callback 自定义
qq_40971915的博客
01-31 1万+
自定义按钮 页面A {field: ‘operate’, title: __(‘Operate’), table: table, width:‘30%’,buttons:[ //width是规定这列的宽度 { name: ‘编辑详情’, //按钮的名称 text: ‘编辑详情’,//显示的字 icon: ‘fa fa-image’,//按钮的图标 classname: ‘btn btn-xs bt...
java弹框刷新原页面_确认框的使用。弹出一个确认框，Ajax提交一个请求，刷新页面。...
weixin_29798025的博客
02-24 179
视图：@if (item.ReviewProject.DeclareState == DeclareOrReviewState.正在进行 && !item.IsSubmit){@Html.ActionLink("编辑", "Edit", new { id = item.ApplicationProjectID }) |@Html.ActionLink("删除", "Delete"...
FASTADMIN ajax提交 关闭当前页面 打开新页面
weixin_38013236的博客
07-02 2294
控制器自定义查询过滤条件 JS代码 $('.panel-heading a[data-toggle="tab"]').on('shown.bs.tab', function (e) { var field = $(this).closest("ul").data("field"); var value = $(this).data("value"); var options = table.bootstr.
webmagic采集CSDN的Java_WebDevelop页面
热门推荐
hepanlaurence的专栏
05-23 1万+
使用webmagic采集博客类的网站示例
前端面试题总结(PS:尊重劳动成果拿或者要原笔记记得滴滴)
weixin_46917587的博客
05-30 477
前端优化性能的方法 压缩字体文件 使用 fontmin-webpack 插件对字体文件进行压缩 减少 HTTP 请求 使用字体图标 iconfont 代替图片图标 使用 webp 格式的图片 减少重绘重排 使用事件委托 使用 Web Workers html + css 1. HTML和CCS3新增那些内容？ 广义上的html5指的是最新一代前端开发技术的总称，包括html5，CSS3，新增的webAPI。 Html中新
jQuery模拟ajax关闭弹出层
05-18
摘要:脚本资源,Ajax/JavaScript,Ajax弹出层　　适合在一些留言本、评论系统或微博中使用的jquery ajax 弹出层，完整效果需要在PHP环境下运行。如截图示，三行一列的Div层在显示后，右端有一个可关闭的红叉，点击红叉后无刷新关闭弹出层，下边的内容自动上移，依次可以将Div层全部关闭。
jquery模拟ajax关闭div窗口效果
07-20
jquery模拟ajax关闭div窗口效果
ajax提交表单后，清空表单
Amy_Queen的博客
01-15 7683
商品名称：     商品价格：     商品种类：                       $("#but2").click(function(){   var gname = $("#gname").val();   var gprice = $("#gprice").val();   var catagory = $("#category").val();
ajax 提交 解决 layui 先提示信息 关掉子页面 再刷新父页面的方法
CaiXinXing的CSDN博客
05-21 933
ajax 提交 解决 layui 先提示信息 关掉子页面 再刷新父页面的方法 ajax请求成功后，然后弹窗提示用户，接着刷新页面。 结果弹窗一闪而逝，页面就刷新了，提示的信息用户都来不及看到。 错误写法： layer.msg(data, {icon:1}); //弹出提示 parent.layer.closeAll(); //关掉子页面 parent.
ajax提交成功清空表单,Ajax提交数据后，清空form表单
weixin_34164146的博客
08-05 1189
按钮不同，页面相同，还需要显示的数据不同，这里会由于页面的缓存问题，导致，每次点开这个页面显示的数据相同。这不是我们想要的。这就需要清楚表单数据了。如下：$('#myform')[0].reset();注意！！！！！！！这个方法试过不可以，下面的方法才靠谱！！$(':input','#form表单的id').not(':button, :submit, :reset, :hidden').val(...
关闭子窗口并自动刷新父窗口！
Shuttle的技术博客
08-14 1898
 HttpContext.Current.Response.Write("alert(添加成功！);window.close();opener.location.replace(opener.location.href);"); 点击确定后关闭子窗口，刷新父窗口！
ajax回调成功刷新父页面【刷新弹框下的页面】
Mr_ZhangAdd的博客
01-04 2455
加入parent.location.reload(); 注意加上parent 或者： layer.alert("保存成功", function () { var index = parent.layer.getFrameIndex(window.name); window.parent.location.reload();//刷新父页面 parent...
ajax子窗口刷新父窗口,动态新增删除tbody表格行与ajax请求完成后刷新父窗口问题...
weixin_42515302的博客
08-05 734
获取tbody内的一行数据，包括hidden类型的数据$("#tbody_id").find("tr").each(function(){var tdArr = $(this).children();var servicename = tdArr.eq(0).find("input").val();var serviceid = tdArr.eq(0).find("input[type='hidd...
layui AJAX 请求成功后，不关闭弹窗和刷新父页面
最新发布
05-30
如果你想在 AJAX 请求成功后不关闭弹窗和刷新父页面，可以在 AJAX 请求成功的回调函数中添加相应的逻辑。 例如，假设你的弹窗中有一个表单，填写完毕后点击提交按钮会发起 AJAX 请求，并在请求成功后显示成功提示...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值