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

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

1.使普通表单成为ajax提交方式的表单。不在form中设置submit参数。

  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参数

  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参数,那么需要在form({});之外调用submit()函数来实现提交表单;如果设置了submit参数,那么在表单中已经做了一个提交表单的操作,当代码执行时会自动提交表单,不需要在form({});之外调用submit()函数,这样的方式应该说比较省力方便——推荐。

你可能感兴趣的:(jQueryEasyUI Form中参数包含submit与否的差异)