jquery form表单提交成功，回调方法

最新推荐文章于 2023-01-07 11:01:49 发布
最新推荐文章于 2023-01-07 11:01:49 发布
阅读量2.3w 收藏 2
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010251897/article/details/50628956
版权
先下载 

jquery-form.js  


[#assign security=JspTaglibs["http://www.springframework.org/security/tags"] /]
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户解禁</title>
    <meta name="keywords" content="用户解禁">
    <meta name="description" content="用户解禁">
    <link href="http://www.qbcdn.com/favicon.ico" rel="Shortcut Icon" />
    [#include "/console/include/resources.ftl" /]
	<script type="text/javascript">
		$(document).ready(function(){
			//表单验证
			$("#gagForm").validate({
				onfocusout: function(element){
			        $(element).valid();
			    }
			});
		});
		
		//提交表单
		<span style="font-size:18px;color:#ff0000;"><strong>function confirm(){
			var form = $("form[name=gagForm]");  
	        var options  = {    
	            url:'gagAccount.ct',    
	            type:'post',    
	            success:function(data)    
	            {    //成功执行的方法
	                 $bbs.common.dialog.showMessageGag(data.content); 
	            }    
	        };    
	        form.ajaxSubmit(options); 
		} </strong></span>
		
		function cancel(url){
			$bbs.gag.ungag.cancel(url);
		}
	</script>
    
</head>

<body class="fixed-navigation" style=" min-width: 1200px;background: #e7e8eb;">
    <!-- start 头部 -->
    [#include "/console/include/header.ftl" /]
    <!-- end 头部-->
	
	<!--  中间部分 -->
	<div id="body" class="body page_setting index">
	    <div  id="js_container_box" class="container_box cell_layout side_l">
	    <!-- start  导航 -->
        [#include "/console/include/nav.ftl" /]
        <!-- end 导航-->
         
         
        <!--start 主体部分 -->
        <div class="col_main">
            <!-- 主体头部 -->
            <div class="main_hd">
               <h2>用户解禁</h2>
            </div>
            <!-- 主体头部 -->
            
            <!-- 主体body部分 -->
            <div class="main_hd" style="margin-top: -30px;">
            	<form <span style="font-size:18px;color:#ff0000;">name="gagForm" </span>id="gagForm" action="gagAccount.ct" method="post">
            	<input type="hidden" name="optionType" id="optionType" value="UNGAG"/>
            	<input type="hidden" name="returnUrl" id="returnUrl" value="${returnUrl}"/>
            	<input type="hidden" id="forumId"  name="forumId" value="${forumId}">
            	<div class="container" style="margin-left: 10%;">
					<div class="form">
						<a>输入要解禁用户的Key</a>
						<div style="margin-left:10px;">
                        	<input  class="required text" type="text"  autocomplete="off" placeholder="支持用户ID" name="ids" value="${ids}" [#if ids??]readonly="true"[/#if]>
						</div>
					</div>
					<div class="form">
						<div class="form_btn" style="margin-top: -10px;margin-left: 10px;">
                            <button class="btn_primary confirm" type="button" οnclick="confirm();">
                              确定                           
                          	</button>
                          	<button id="cancelButton" class="btn_primary cancel" style="margin-left: 10px;" type="button"  οnclick="cancel('${returnUrl}');">
                              取消                           
                          	</button>
                        </div>
					</div>
            	</div>
            	</form>
            </div>
            <!-- 主体body部分 -->
        </div>
        <!--start 主体部分 -->
        </div>
    </div>
 	[#include "/console/include/footer.ftl" /]
</body>
</html>


沈荣荣
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
form表单提交回调函数
weixin_30498921的博客
09-29 1705
form表单没有回调函数，不过可以通过jquery-form.js这个插件来实现回调函数： <form id="addform" class="form-horizontal" method="post" action="请求接口地址" enctype="multipart/form-data" target="rfFrame"> <div class...
submit响应函数 html,利用ajaxSubmit()实现Form表单submit()提交后的回调函数
weixin_39694838的博客
06-22 1279
1圈调直年情，量的单框来离理这接法清都的为、引入JQuery Form需朋朋支带不新器功几的事上为做的和时意后表单的js2.设置相应遇新是直朋能到分览的参数$(function(){// 1.基本参数设置var options = {type: 'POST', // 设置表单提交方式url: "${ctx}/jinzhu/dtUser/save", // 设置表单提交URL,默认为表...
利用AjaxSubmit()方法实现Form提交表单后回调功能
10-18
ajaxSubmit()方法是JQuery Form表单插件中的方法，使用时，需要在jsp或者html页面上，引入JQuery库和Form插件。接下来通过本文给大家分享通过AjaxSubmit()方法实现Form提交表单后回调功能，感兴趣的朋友跟随脚本之家小编一起看看吧
利用ajaxSubmit()方法实现Form提交表单后回调
热门推荐
Kevin_zhai的博客
01-12 4万+
1.      背景 最近在工作中，需要实现网页端图片上传到FTP服务器的功能。上传文件是用Form表单提交数据的方法向后台传输文件流，在此遇到了一个问题：后台在处理完图片上传功能后，需要向前台回传是否上传成功的状态码、上传失败的错误信息和上传成功后的图片URL。但是，用普通Form表单提交的话，没有办法实现回调函数。后来在小伙伴的介绍下，发现可以用ajaxSubmit()方法来实现此功能。
form表单上传：用jQuery.form.js中的ajaxSubmit()方法来实现Form的函数回调功能
xiao.bai.bo.ke
03-09 845
版权声明：本文为CSDN博主「Gavid-jh」的原创文章 原文链接：https://blog.csdn.net/weixin_42230550/article/details/84037360 今天，在做项目的过程中，需要实现网页端上传文件到后台服务器，且要将文件数据进行解析，再将数据返回到前端页面进行显示的功能。上传文件是用Form表单提交数据的方法向后台传输文件流，在此遇到了一个问题：后...
实现文件上传，以及表单提交成功的回调函数
08-10
实现文件上传，以及表单提交成功的回调函数
jQuery ajax提交Form表单实例(附demo源码)
11-27
本文将详细讲解如何使用jQuery的`$.ajax`方法来提交Form表单，以及如何通过自定义函数实现更灵活的表单提交。 首先，传统的HTML Form表单提交会导致页面刷新，用户体验不佳。为了实现无刷新提交，我们可以利用...
jQuery Form表单取值的方法
11-26
`success`和`error`回调函数分别处理服务器返回的成功消息和错误信息。 使用jQuery处理表单数据有以下几个优点： 1. **简便性**：`serialize()`方法简化了获取和发送表单数据的过程，无需手动遍历每个表单元素。 2...
jQuery Form 页面表单提交的小例子
12-10
总结来说，这个jQuery Form的小例子展示了如何利用jQuery Form插件实现异步表单提交，包括设置提交选项、定义成功回调以及处理表单数据。通过这种方式，我们可以实现无刷新的表单交互，提升用户体验，同时简化了前端...
Jquery插件之ajaxForm
weixin_30484739的博客
12-12 583
如今ajax满天飞，作为重点的form自然也受到照顾。 其实，我们在平常使用Jquery异步提交表单，一般是在submit()中，使用$.ajax进行。比如： $(function(){ $('#myForm').submit(function(){ $.ajax({ url:"/WebTest/test...
form表单文件上传提交且接口回调显示提交成功
weixin_30929195的博客
08-16 371
前端： <form method="post" enctype="multipart/form-data" id="formSubmit"> <div class="row"> <div class="col-lg-12" style="padding-left:25px;padding-top: 5px"> ...
jquery回调函数
m0_54829066的博客
01-07 670
jQuery 回调函数是指在特定的事件或条件触发时，执行的函数。例如，在 jQuery 的 AJAX 函数中，我们可以设置回调函数，在服务器完成响应后执行。例如，在下面的代码中，我们将回调函数作为参数传递给 jQuery 的。回调函数通常作为参数传递给其他函数，然后在特定的事件触发时被调用。在这个例子中，当服务器完成响应后，回调函数就会被执行。
form表单的回调
时光凉 春衫薄
02-16 1万+
背景：平时使用的form表单只能单方向提交，不能进行和ajax类似的回调，在这种背景下给大家介绍一下这种新的方法实现form表单的回调 用到的js脚本   应用：提交文件到服务器（form表单最简单），同时进行回调。 注，文件提交的代码没写，本案例目标是掌握form表单回调 本文档使用方法： 把文件放在phpstudy的WWW目录   浏览器访问   成功显示   ...
from提交并执行函数
幻影阿飛
07-03 1761
from表单&lt;form id="form1" class="layui-form" action="/adactivity/updateActivity" method="post"&gt; //省略表单内容。。。。。 &lt;div class="layui-form-item"&gt; &lt;div class="layui-input-b
document.forms[0].submit()；和document.forms[0].action = ““；问题
qq_45760909的博客
10-12 4393
document.forms[0].submit(); （1）这句话的意思是将表单提交到服务器去。 （2）没有他的话就不能向服务器提交数据了，那么就不能将你在页面中填写的数据反馈给服务器。表现为你在页面中点击“提交”按钮没有反应 （3）把你填写的数据提交到form中action指定的页面，如果action没词儿东西，就默认为当前页面 （4）如果你的提交按钮的type是submit的话，那么你可以不写这句话 document.forms[0].action = " "; forms表示：是你网页中第一个表单，
JQ使用form表单提交数据，跳转指定页面或进行提交后的操作
qq_37155370的博客
07-20 3447
原生项目中JQ使用form表单提交数据，跳转指定页面或进行提交后的操作使用步骤上代码 使用步骤 需要： 引入jquery.js jquery.form.js，我使用的是cdn引入，避免下文件 上代码 引入： <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/jqu
JavaScript提交表单
驱动开发
04-26 1018
用JavaScript提交表单并传递参数：     function    submitFunction(parameter)     {            document.forms[0].action="/Login.do?method=parameter&index="+parameter;           document.forms[0].submit();     }
js 的document.forms[0].submit()把请求提交到哪里去了
lindandanfingting的专栏
10-16 1万+
提交到form里面的 action指向的地方了 document.forms[0].submit(); document.forms['exportServlet'].submit();     （1）document.forms：表示获取当前页面的所有表单     （2）document.forms[0]：表示获取当前页面的第一个表单     （3）docu
JS表单document.forms的用法(详解)
qq_44731369的博客
08-13 4473
代码 作用 document.forms 表示获取当前页面的所有表单 document.forms[0] 表示获取当前页面的第一个表单 document.forms[‘exportServlet’] 表示获取当前页面的name="exportServlet"的表单 document.forms[‘exportServlet’].username.value 获取表单为exportServlet，name为exportServlet的值 document.forms[0].su...
jquery 提交form表单
最新发布
05-23
可以使用 jQuery 的 `submit()` 方法来提交表单。以下是一个简单的示例： ```html <form id="myForm" action="submit.php" method="post"> <input type="text" name="username" placeholder="请输入用户名"> <input type="password" name="password" placeholder="请输入密码"> <button type="submit">提交</button> </form> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> $(document).ready(function() { $('#myForm').submit(function(event) { event.preventDefault(); // 阻止默认的表单提交行为 var formData = $(this).serialize(); // 将表单数据序列化为字符串 $.post($(this).attr('action'), formData, function(response) { console.log(response); // 处理服务器返回的响应 }); }); }); </script> ``` 在这个示例中，我们使用了 `submit()` 方法来监听表单的提交事件，并在事件处理函数中阻止了默认的表单提交行为。然后，我们将表单数据序列化为字符串，并使用 `$.post()` 方法向服务器发送 POST 请求。在回调函数中，我们可以处理服务器返回的响应。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值