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

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

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

$('#ff').form({
    url:...,
    onSubmit: function(){
        // do some check
        // return false to prevent submit;
    },
    success:function(data){
        alert(data)
    }
});
// submit the form
$('#ff').submit();

2.使普通表单成为ajax提交方式的表单并做一个提交操作。在form中设置了submit参数

// call 'submit' method of form plugin to submit the form
$('#ff').form('submit', {
    url:...,
    onSubmit: function(){
        // do some check
        // return false to prevent submit;
    },
    success:function(data){
        alert(data)
    }
});

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