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

最新推荐文章于 2022-05-11 14:48:59 发布
最新推荐文章于 2022-05-11 14:48:59 发布
阅读量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
    评论
jquery ajax异步提交表单数据的方法
11-29
使用jquery的ajax方法可以异步提交表单，成功后后台返回json数据，回调函数处理，可以不用刷新页面，达到异步的目的； 处理表单的数据可以用serialize()方法进行序列化，而如果提交的数据包括文件流的话，就需要使用 FormData对象： 不带文件的表单数据使用：var data = $(form).serialize(); 带文件的表单数据使用：   var  data = new FormData($(form)[0]); 一、不带文件的ajax提交数据： html：form表单 <form id="addForm" action="${pageContext.reques
jquery序列化表单以及回调函数的使用示例
12-03
在开发项目中，将前台的值传给后台，有时的JSP表单中的值有一两个，也有全部的值，如果这时一个个传，必定不是很好的办法，所以使用jQuery提供的表单序列化方法，可以很好的解决这个问题，同时可以封装成通用的函数，执行成功可以调用各自的回调函数，实现各自的功能。 代码如下： function queryUserInfo(actionUrl,formId,fun){ var params=new Object(); //声明数组 $.each($("#"+formId).serializeArray(),function(index,param){ params[param.name] = par
jquery下异步提交表单 异步跨域提交表单
12-12
1.使用post提交方式 2.构造表单的数格式 3.结合form表单的submit调用ajax的回调函数。 使用 jQuery 异步提交表单代码： 代码如下: <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <title>无标题页</title> </head> [removed][removed] [removed] jQuery(function($) { // 使用 jQuery 异步提交表单 $(‘#f1’).submit(function() { $.ajax({ url: ‘ta.
jquery实现表单文件上传，并获取回调信息
02-25
jquery实现表单文件上传，并获取回调信息,下载之后只需要配置js路径就可实现上传
使用jQuery重置(reset)表单的方法
11-30
由于JQuery中，提交表单是像下面这样的： 代码如下:$(‘#yigeform’).submit()所以，想当然的认为，重置表单，当然就是像下面这样子喽： 代码如下:$(‘#yigeform’).reset()但是，不幸的是，这样写的话，会有一个让你很郁闷的结果，那就是，表单无法重置！ 后来，上网查了一下，说是，JQuery中没有reset方法，经核对，果然是没有。 那有么没有办法通过JQuery来重置表单呢，答案是有的，不过是一种间接的方法，如下： 代码如下:$(‘#yigeform’)[0].reset()也就是通过调用 DOM 中的reset方法来重置表单。
ajax提交Form
yyfpeak的专栏
11-03 401
//将form转为AJAX提交 function ajaxSubmit(frm, fn) { var dataPara = getFormJson(frm); $.ajax({ url: frm.action, type: frm.method, data: dataPara, success: fn }); }
form 表单提交的另一种方式 js
创业项目
07-20 541
<html> <head> <script type="text/javascript"> function formSubmit() { fm.submit() } </script> </head> <body> <form name=fm> 　　名：<input type="text" name="firstname" size="20"><br /> 　　姓：<input ty.
关于 JS 中，实现在异步代码执行完毕再执行后续代码
热门推荐
thirteen_king13的博客
05-11 1万+
因为 js 是单线程，所有的同步任务要等前一个任务执行完毕，再执行下一个任务。 function fn1() { console.log("fn1") fn2() fn3() } function fn2() { console.time() for (let i = 0; i < 1000; i++) { console.log("fn2 repeat"); } console.timeEnd() } function fn3() { console.log("fn3") }
form表单上传：用jQuery.form.js中的ajaxSubmit()方法来实现Form的函数回调功能
xiao.bai.bo.ke
03-09 792
版权声明：本文为CSDN博主「Gavid-jh」的原创文章 原文链接：https://blog.csdn.net/weixin_42230550/article/details/84037360 今天，在做项目的过程中，需要实现网页端上传文件到后台服务器，且要将文件数据进行解析，再将数据返回到前端页面进行显示的功能。上传文件是用Form表单提交数据的方法向后台传输文件流，在此遇到了一个问题：后...
Jquery提交表单 Form.js官方插件介绍
12-09
先说说常用的Form插件，支持Ajax，支持Ajax文件上传，功能强大，基本满足日常应用。 1、最新JQuery框架软件包下载 jquery.js压缩包 jquery.js非压缩包 2、Form插件下载 form.js 3、Form插件的简单入门 第一步：先增加一个表单 代码: 代码如下: <form id=”myForm” action=”comment.php” method=”post”> Name: <input type=”text” name=”name” /> Comment: <textarea name=”comment”></textarea> <input type=”
jquery表单插件form使用方法详解
01-19
传统的表单提交，都是页面跳转的形式，但是现在更流行ajax提交，那么如果希望有表单提交的简便，也有ajax的效果，有什么解决办法吗？ 怎么使用 两种使用方式： 第一种方式 <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>Title</title> [removed][removed] [removed][removed] [removed] // 使用ajaxForm
JQuery.form表单提交参数详解.txt
01-12
ajaxForm()和ajaxSubmit()方法可以接受0个或1个参数，当为单个参数时，该参数可以是一个回调函数，也可以是一个options对象。以下是一个options对象. var options={ target:'#output1', //把服务器返回内容放入id为output1的元素中 beforeSubmit:showRequest, //提交前的回调函数 success:showResponse, 提交后的回调函数 //url:url, //默认是form的action,如果申明，则会覆盖 //type:type, //默认是form的method('get' or 'post'),如果申明，则会覆盖 //dateType:null, //'xml','script',or 'json'(接受服务端返回的类型) //clearForm:true, //成功提交后，清除所有表单元素的值 //resetForm:true, //成功提交后，重置所有表单的值 //timeout:3000 //限制请求的时间，当请求大于3秒后，跳出请求 }
利用AjaxSubmit()方法实现Form提交表单后回调功能
10-18
ajaxSubmit()方法是JQuery Form表单插件中的方法，使用时，需要在jsp或者html页面上，引入JQuery...接下来通过本文给大家分享通过AjaxSubmit()方法实现Form提交表单后回调功能，感兴趣的朋友跟随脚本之家小编一起看看吧
基于java的-28-“智慧食堂”设计与实现--LW-源码.zip
04-25
提供的源码资源涵盖了Java应用等多个领域，每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写，确保了在对应环境下能够无缝运行。同时，源码中配备了详细的注释和文档，帮助用户快速理解代码结构和实现逻辑。 适用人群： 适合毕业设计、课程设计作业。这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生，还是对其他领域编程感兴趣的学生，这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码，你可以掌握各平台开发的基础知识，提升编程能力和项目实战经验。 使用场景及目标： 在学习阶段，你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码，你将深入了解各平台开发的技术细节和最佳实践，逐步培养起自己的项目开发和问题解决能力。此外，在求职或创业过程中，具备跨平台开发能力的大学生将更具竞争力。 其他说明： 为了确保源码资源的可运行性和易用性，特别注意了以下几点：首先，每份源码都提供了详细的运行环境和依赖说明，确保用户能够轻松搭建起开发环境；其次，源码中的注释和文档都非常完善，方便用户快速上手和理解代码；最后，我会定期更新这些源码资源，以适应各平台技术的最新发展和市场需求。 所有源码均经过严格测试，可以直接运行，可以放心下载使用。有任何使用问题欢迎随时与博主沟通，第一时间进行解答！
C#，回文分割问题（Palindrome Partitioning Problem）算法与源代码
04-25
C#，回文分割问题（Palindrome Partitioning Problem）算法与源代码 1 回文串 “回文串”是一个正读和反读都一样的字符串，初始化标志flag=true，比如“level”或者“noon”等等就是回文串。 2 回文分割问题 给定一个字符串，如果该字符串的每个子字符串都是回文的，那么该字符串的分区就是回文分区。 例如，“aba | b | bbabb | a | b | aba”是“abababababa”的回文分区。 确定给定字符串的回文分区所需的最少切割。 例如，“ababababababa”至少需要3次切割。 这三个分段是“a | babbab | b | ababa”。 如果字符串是回文，则至少需要0个分段。 如果一个长度为n的字符串包含所有不同的字符，则至少需要n-1个分段。
node-v9.2.1.tar.xz
最新发布
04-25
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
贪心算法解决活动选择问题，Java版源码
04-25
贪心算法是一种在每一步选择中都采取在当前状态下最好或最优的选择，从而希望导致结果是全局最好或最优的算法策略。贪心算法在有最优子结构的问题中尤为有效。最优子结构的意思是局部最优解可以决定全局最优解。 附件中一个使用贪心算法解决活动选择问题（也称为会议时间安排问题）的 Java 示例代码。这个问题的目标是选择最大的活动数量，使得活动之间互不重叠。 在示例中，我们定义了一个 Activity 类来表示每个活动的开始和结束时间。然后，我们创建了一个活动数组，并使用 Arrays.sort() 方法按照活动的结束时间对它们进行排序。 接下来，我们遍历排序后的数组，使用贪心算法的策略选择活动。选择的标准是当前活动的开始时间是否晚于或等于之前选择的最后一个活动的结束时间。如果是，我们就选择这个活动，并更新 lastActivityEnd 为当前活动的结束时间。最后，我们打印出可以执行的最大活动数量。
小程序-2-“最多跑一次”微信小程序--LW-源码.zip
04-25
提供的源码资源涵盖了小程序应用等多个领域，每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写，确保了在对应环境下能够无缝运行。同时，源码中配备了详细的注释和文档，帮助用户快速理解代码结构和实现逻辑。 适用人群： 适合毕业设计、课程设计作业。这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生，还是对其他领域编程感兴趣的学生，这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码，你可以掌握各平台开发的基础知识，提升编程能力和项目实战经验。 使用场景及目标： 在学习阶段，你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码，你将深入了解各平台开发的技术细节和最佳实践，逐步培养起自己的项目开发和问题解决能力。此外，在求职或创业过程中，具备跨平台开发能力的大学生将更具竞争力。 其他说明： 为了确保源码资源的可运行性和易用性，特别注意了以下几点：首先，每份源码都提供了详细的运行环境和依赖说明，确保用户能够轻松搭建起开发环境；其次，源码中的注释和文档都非常完善，方便用户快速上手和理解代码；最后，我会定期更新这些源码资源，以适应各平台技术的最新发展和市场需求。 所有源码均经过严格测试，可以直接运行，可以放心下载使用。有任何使用问题欢迎随时与博主沟通，第一时间进行解答！
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、付费专栏及课程。

余额充值