form表单提交方式，js/jquey/easyui

在写项目中，提交表单基本上我们最经常遇到的一步操作，所以就简单总结下我们经常用到的几种提交表单的方式。(注：理论都是自己测试总结得到的结果，可能有的地方说错了，欢迎指出)

一.submit按钮方式直接提交

    <form id="form" action="action.do"  method="post" ><br/>
            登录名：<input type="text" name="uid" id="uid"/><br/><br/>
            密  码：<input type="password" name="upwd" id="upwd"/>

            <input type="submit" name="btn_1" value="登录1">  
            <button  name="btn_2" >登录2</button> 
            <input type="button" name="btn_3" value="登录3" />    
    </form> 
    <!--总结：
        1、使用submit按钮提交表单时，<input>标签必须要name值；
        2、登录1和登录2按钮可以将表单数据获取直接提交到action中指定的位置，登录3按钮不能实现提交表单，登录3按钮只能通过点击事件来完成表单的提交
        3、能实现submit按钮效果只有按钮1和2，按钮三必须添加点击事件
      -->

二.onclick事件提交
1.js方式提交：

 function dologin(){
    document.forms[0].action="action.do";
 }
 //按钮3是不会执行任何情况下form中action属性的请求的的

2.jQuery中get，post,ajax方式提交

    var params=$("form").serialize();
        /*jquery中get方式发出请求  */
         $.get("action.do?"+params,function(data){
                alert(data);
        }, "json");

    /*jquery中post方式发出请求  */
    var params=$("form").serialize();
        /*jquery中post，get方式发出请求  */
         $.get("action.do?",params,function(data){
                alert(data);
        }, "json");

    /*jquery中ajax方式发出请求  */
        $.ajax({
             type: "POST",
             url: "action.do",
             data: params,
            success: function(data){
                if(data!=null){
                    alert( "测试成功" );
                }
            }
        }); 

3，easyui 中form表单提交

    $('#form').form('submit',{    
            url:"action.do",    
            onSubmit: function(){    
            // do some check    
            // return false to prevent submit
                return true;
            },    
         success:function(data){    
             if(data!=null){
            alert(data)    
            }
         }    
    });  
    //此时会自动获取到表单数据