jquery如何实现提交表单后关闭当前页面

问题描述

我用window.open打开了一个模态页面,现在想用jquery实现提交表单后,将打开的模态页面关闭。必须在确保表单提交之后才执行,请各位大神看看。<script type="text/javascript">$(document).ready(function() {// 验证表单$("#updateForm").validationEngine( {promptPosition : "bottomLeft"});// 提交表单$("#btnUpdate").click(function() {$("#updateForm").submit();});});</script> 问题补充:myali88 写道

解决方案

引用我需要的是业务处理成功后再关闭,除了ajax没其他的方法吗? 那你怎么知道业务处理成功与否呢?我能想到的就是服务器告诉客户端,所以需要ajax请求。
解决方案二:
如果只是要在表单提交后关闭窗口,只需要增加回调即可:$("#updateForm").submit(function(){ window.close();}); 但这个并不表示你的业务处理成功,如果要在业务处理成功后来关闭,需要采用ajax请求的方式,然后在ajax请求成功或失败后设置回调,在回调中关闭窗口。

时间: 2024-10-06 18:12:13

jquery如何实现提交表单后关闭当前页面的相关文章

js提交表单后指定位置页面显示

问题描述 页面是这样的.有三个页面index.jsp<body><a href="alertSearchWindow('search.jsp')">查找</a><iframe src='searchrs.jsp'></iframe></body>比如上面这样.有三个页面.一个是index.jsp,一个是search.jsp,这个是表单页面.一个是searchrs.jsp 这个是显示页面.美工给的页面是这样.在ind

Jquery提交表单后,页面自动刷新问题

现象: 1.使用jquery体检提交表单后,页面重新加载 2.spring-boot报:o.s.web.servlet.PageNotFound: Request method 'POST' not supported 提交按钮 <button onclick="ligin();">Login</button> Jquery代码 function ligin(){ var data=$('#loginForm').serialize(); //序列化获得表单数据

Jquery.Form 异步提交表单的简单实例

 这篇文章主要介绍了Jquery.Form 异步提交表单的简单实例.需要的朋友可以过来参考下,希望对大家有所帮助 http://www.vaikan.com/docs/jquery.form.plugin/jquery.form.plugin.html#   1. 在你的页面里写一个表单.一个普通的表单,不需要任何特殊的标记:    代码如下: <form id="myForm" method="post" action="/Home/AjaxFor

jQuery使用ajaxSubmit()提交表单示例

 这篇文章主要介绍了jQuery使用ajaxSubmit()提交表单示例,使用延第三方插件jquery.form实现,需要的朋友可以参考下 ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法,所以使用此方法需要先引入这个插件.如下所示:   代码如下: <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script src=

Jquery中ajax提交表单几种方法(get、post两种方法)_AJAX相关

在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的方法.$get方式提交表单get() 方法通过远程HTTP ,下面我来介绍两个提交表单数据的方法. $get方式提交表单 get() 方法通过远程 HTTP GET 请求载入信息 格式 $(selector).get(url,data,success(response,status,xhr),dataType

jQuery使用$.ajax提交表单完整实例_jquery

本文实例讲述了jQuery使用$.ajax提交表单的方法.分享给大家供大家参考,具体如下: 首先,新建Login.html页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/199

jQuery使用ajaxSubmit()提交表单示例_jquery

ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法,所以使用此方法需要先引入这个插件.如下所示: 复制代码 代码如下: <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script><script src="http://malsup.github.io/jquery.form.js"></script>

Jquery中ajax提交表单几种方法(get、post两种方法)

在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的方法.$get方式提交表单get() 方法通过远程HTTP ,下面我来介绍两个提交表单数据的方法. $get方式提交表单 get() 方法通过远程 HTTP GET 请求载入信息 格式 $(selector).get(url,data,success(response,status,xhr),dataType

自定义菜单-服务号第三方应用用户提交表单后,向用户发送信息...java语言...

问题描述 服务号第三方应用用户提交表单后,向用户发送信息...java语言... 我现在服务号的自定义菜单链接的网页里...用户提交了部分信息后需要给用户发送消息...我尝试用程序去连coreService...request转xml就报错了...不知道咋解决... 解决方案 你应该是看我的博客学习的微信公众平台开发,你需要把问题再描述的清楚一点. 如果你是指用户通过网页提交信息,你在接收到信息后想通过coreServlet给用户回复消息,这做不到.HTTP是请求-响应模式,用户通过网页提交信息