form submit 的callback方法

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

form的submit方法返回数据处理。

普通的form:

 1 $("#ajaxform").submit(function(e)
 2 {
 3     var postData = $(this).serializeArray(); //或使用jQuery.serialize()获取表单数据
 4     var formURL = $(this).attr("action");
 5     $.ajax(
 6     {
 7         url : formURL,
 8         type: "POST",
 9         data : postData,
10         success:function(data, textStatus, jqXHR) 
11         {
12             //data: return data from server
13         },
14         error: function(jqXHR, textStatus, errorThrown) 
15         {
16             //if fails      
17         }
18     });
19     e.preventDefault(); //STOP default action
20     e.unbind(); //unbind. to stop multiple form submit.
21 });
22  
23 $("#ajaxform").submit(); //Submit  the FORM

带文件的form:

这里用到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,
原文地址:https://www.cnblogs.com/aeiou/p/5577011.html