zoukankan      html  css  js  c++  java
  • 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()函数,这样的方式应该说比较省力方便——推荐。

  • 相关阅读:
    *****Exercise 4.1 Generate a multiplication table
    Exercise 3.4 A calculator that allows multiple calculations
    Exercise 3.3 Calculate a discounted price
    Exercise 3.2 Display a date
    理解Java异常处理机制
    eclipse远程Debug配置
    [转]java代码性能优化总结
    [转]A星寻路算法
    JVM参数配置
    Gradle笔记(1) 安装
  • 原文地址:https://www.cnblogs.com/wangzl1163/p/6341204.html
Copyright © 2011-2022 走看看