form表单提交方式

一.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，按钮三必须添加点击事件      -->
1
2
3
4
5
6
7
8
9
10
11
12
13
14

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

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

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( "测试成功" );                }            }        }); 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

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)                }         }        });      //此时会自动获取到表单数据

form表单提交方式