参考: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,