form submit 的callback方法

参考:http://hayageek.com/jquery-ajax-form-submit/

form的submit方法返回数据处理,支持文件提交。

这里用到html5的FormData。不支持html5的浏览器用不了。通过jquery的ajax方法提交。

 1             $("#post_form").submit(function(e)
 2                     {
 3                         var formObj = $(this);
 4                         var formURL = formObj.attr("action");
 5                         var formData = new FormData(this);
 6                         $.ajax({
 7                             url: formURL,
 8                             type: ‘POST‘,
 9                             data:  formData,
10                             mimeType:"multipart/form-data",
11                             contentType: false,
12                             cache: false,
13                             processData:false,
14                             success: function(data, textStatus, jqXHR)
15                             {
16 22                                               },
23                             error: function(jqXHR, textStatus, errorThrown)
24                             {
25                                                                                }
27                         });
28                         e.preventDefault(); //Prevent Default action.
29                         e.unbind(); //to stop multiple form submit.
30                     });
31                     $("#post_form").submit(); //Submit the form,
时间: 2024-08-29 15:25:22

form submit 的callback方法的相关文章

一个Form多个提交动作Submit的解决方法

在开发工作共我们往往会遇到一个表单需要包含多个action不同的提交动作,这时候就不能在使用submit按钮来进行提交了,下面提供通过js来实现这一功能的方法 1 2 3 4 5 6 7 8      < form name = "demo" method = "post" > <!--YOUR DATA AREA--> < input type = "button" value = "添加" o

关于一个表单form包含多个提交动作submit的解决方法

在开发工作共我们往往会遇到一个表单需要包含多个action不同的提交动作,这时候就不能在使用submit按钮来进行提交了,下面提供通过js来实现这一功能的方法 <form name="demo" method="post"> <!--YOUR DATA AREA--> <input type="button" value="添加" onclick="addAction()"&g

form.submit 方法 并不会触发 form.onsubmit 事件

做表单的时候发现一个奇怪的地方,总结下: form.submit 方法 并不会触发 form.onsubmit 事件,看代码: <body> <div class="container"> <form action="http://route.showapi.com/213-1" method="POST"> <input type="text" value="ssss&qu

苹果 ios 微信浏览器界面 ajax 提交带 file 的 form 总是走error方法

1. 问题 问题出在微信端,而且是苹果机的微信端(苹果你咋这么矫情,安卓正常).:代码还是之前的代码,貌似是苹果升级系统后部分版本出现的 BUG,后来证明确实跟 ios 版本有关,网上也找过类似的解决措施: 2. 解决方法 2.1 添加 async: false(未验证) function saveUser() { $.ajax({ type:"POST", url:"SaveUser.action", data:$('#fm').serialize(), data

js提交表单错误:document.form.submit() is not a function

今天在写JS时,遇上这么个错误:"document.form.submit() is not a function",经过一番搜索,最终找到了修复方法. 这个错误一般是由于表单<form>-</form>中含有name="submit"时,提交时就会有冲突,这个错误常见于按钮上,如: 在Javascript做submit()的时候就会出现冲突,这时将name="submit"改成别的名字就可以了:即使不是按钮,在表单的输入

带有file标签文件上传的 form ajax提交的方法: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="htt

form submit时将__VIEWSTATE和__VIEWSTATEGENERATOR一起post到另外的页面,出现验证视图状态 MAC 失败。

错误信息: 验证视图状态 MAC 失败.如果此应用程序由网络场或群集承载,请确保 配置指定了相同的 validationKey 和验证算法.不能在群集中使用 AutoGenerate. 原因分析: F_App_Cux_Pro.aspx页面原代码: this.form1.action = "F_Add_App_Cux_Pro.aspx?CuxId=" +$("#CuxId").val() + ""; this.form1.submit(); 也就是

PHP通过get方法获得form表单数据方法总结

下面给大家带来具体的代码示例: 1.form表单代码示例(表单get提交) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <head>   <meta charset="utf-8">   <title>form表单get方法示例</title> </head> <body> <form action="/test/test.php" method="get&

[ext]form.submit()相关说明

form.submit({    url:"../addOrUpdatePack.shtml",method:'POST',success:function(f,action) {//f是代表formalert('rpackCode:'+action.result.rpackCode)             },             failure:function(f,action){                }})如果要执行success,则需要在服务器action返回