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，

 

posted @ 2016-06-12 11:32  后土·K  阅读(1058)  评论(0)  编辑  收藏  举报