form表单提交的几种方法

form表单提交的几种方法

[html] view plain copy

1. <form id="myform" name="myform" method="post" onsubmit="return sumbitTest();"   
2.       action="RegisterAction.action">  
3.     <table>  
4.         <tr>  
5.             <td>姓名:</td>  
6.             <td> <input type="text" name="name" /> </td>  
7.         </tr>  
8.         <tr>  
9.             <td>性别:</td>  
10.             <td>  
11.                 <input type="radio" name="sex" value="1"> 男  
12.                 <input type="radio" name="sex" value="0"> 女  
13.             </td>  
14.         </tr>  
15.         <tr>  
16.             <td>年龄:</td>  
17.             <td>  
18.                 <select name="age">  
19.                     <option value="20">20</option>  
20.                     <option value="21">21</option>  
21.                     <option value="22">22</option>  
22.                 </select>  
23.             </td>  
24.         </tr>  
25.         <tr>  
26.             <td colspan="2">  
27.                 <input type="submit" value="Submit普通提交">  
28.                 <input type="button" id="ajaxBtn" value="AJAX提交" />  
29.                 <input type="button" id="jqueryBtn" value="jQuery提交" />  
30.                 <input type="button" id="jsBtn" value="JS提交" />  
31.                 <input type="submit" value="onSubmit提交" />  
32.             </td>  
33.         </tr>  
34.     </table>  
35. </form>  

[javascript] view plain copy

1. <script type="text/javascript">  
2.     $(function() {  
3.         //ajax提交  
4.         $("#ajaxBtn").click(function() {  
5.             var params = $("#myform").serialize();  
6.             $.ajax( {  
7.                 type : "POST",  
8.                 url : "RegisterAction.action",  
9.                 data : params,  
10.                 success : function(msg) {  
11.                     alert("success: " + msg);  
12.                 }  
13.             });  
14.         })  
15.   
16.         //jQuery提交  
17.         $("#jqueryBtn").click(function(){  
18.             $("#myform").submit();  
19.         })  
20.   
21.         //js提交   
22.         $("#jsBtn").click(function(){  
23.             document.myform.action="RegisterAction.action";     
24.             document.myform.submit();     
25.         })  
26.     })  
27.     function sumbitTest(){  
28.         return true; //return false则不会提交   
29.     }  
30. </script>  

以上是比较常用的几种表单提交方式,但绝不局限于这些