jQueryEasyUI Form中参数包含submit与否的差异

在做利用JQueryEasyUI提交表单实现静态页面异步请求服务器获取数据时因为没有在form中包含submit类型的input导致了JQuery没有执行。那么form中包含submit类型的input与否有什么样的差异呢？与大家分享下自己所得到的答案。

1.使普通表单成为ajax提交方式的表单。不在form中放入submit类型的input。

1. $('#ff').form({   
2.     url:...,   
3.     onSubmit: function(){   
4.         // do some check  
5.         // return false to prevent submit;  
6.     },   
7.     success:function(data){   
8.         alert(data)   
9.     }   
10. });   
11. // submit the form  
12. $('#ff').submit();
    

2.使普通表单成为ajax提交方式的表单并做一个提交操作。在form中放入submit类型的input

1. // call 'submit' method of form plugin to submit the form  
2. $('#ff').form('submit', {   
3.     url:...,   
4.     onSubmit: function(){   
5.         // do some check  
6.         // return false to prevent submit;  
7.     },   
8.     success:function(data){   
9.         alert(data)   
10.     }   
11. }); 
    

看完以上两段代码相信大家应该知道了存在的差异是什么。如果没有包含submit类型的input，那么需要在form({});之外调用submit()函数来实现提交表单；如果包含submit类型的input，那么在表单中已经做了一个提交表单的操作，当代码执行时会自动提交表单，不需要在form({});之外调用submit()函数，这样的方式应该说比较省力方便——推荐。