ajax form 表单回调函数

下载地址： http://malsup.github.com/jquery.form.js

1. var options = {  
2.         target: ‘#output1’,         //把服务器返回的内容放入id为output1的元素中  
3.         beforeSubmit: showRequest,      //提交前的回调函数  
4.         success: showResponse,          //提交后的回调函数  
5.         url: url,           //默认是form的action，如果声明，则会覆盖  
6.         type: type,     //默认是form的method，如果声明，则会覆盖  
7.         dataType: json  ,   //接受服务端返回的类型  
8.         clearForm: true,    //成功提交后，清除所有表单元素的值  
9.         resetForm: true,    //成功提交后，重置所有表单元素的值  
10.         timeout: 3000       //限制请求的时间，当请求大于3秒后，跳出请求  
11. }；  

1. function validate(formData, jqForm, options) {  
2.         /* 
3.         在这里需要对表单元素进行验证，如果不符合规则， 
4.         直接返回false来阻止表单提交。 
5.         */  
6.         var queryString = $.param(formData);        //组装数据  
7.         return true;  
8. }  

1. $(function(){     
2.         var options = {   
3.             type: 'POST',  
4.             url: '提交路径',  
5.             success:showResponse,    
6.             dataType: 'json',  
7.             error : function(xhr, status, err) {              
8.                 alert("操作失败");  
9.             }  
10.         };   
11.         $("##Form名称").submit(function(){   
12.             $(this).ajaxSubmit(options);   
13.             return false;   //防止表单自动提交  
14.         });  
15. });  
16.   
17. /** 
18.  * 保存操作 
19.  */  
20. function toSave(){   
21.     $("#Form名称").submit();  
22. }  
23.   
24. /** 
25.  * 保存后，执行回调 
26.  * @param responseText 
27.  * @param statusText 
28.  * @param xhr 
29.  * @param $form 
30.  */  
31. function showResponse(responseText, statusText, xhr, $form){      
32.     if(responseText.status == "0"){  
33.         /** 
34.         * 请求成功后的操作 
35.         */  
36.         alert(responseText.msg);  
37.     } else {  
38.         alert(responseText.msg);  
39.     }     
40. }