form表单的几种提交方式

the-wang 2021-11-02 原文

form表单提交的几种方法

 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>

 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>