form表单提交的几种方法

最新推荐文章于 2024-03-20 14:51:16 发布

u010227447

最新推荐文章于 2024-03-20 14:51:16 发布

阅读量625

点赞数

CC 4.0 BY-SA版权

文章标签：表单 jquery javascript js ajax

本文链接：https://blog.youkuaiyun.com/u010227447/article/details/41911005

本文详细介绍了HTML表单的几种提交方法，并通过实例展示了使用JavaScript、jQuery和AJAX进行表单提交的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

form表单提交的几种方法

[html]view plaincopy 
   
 <form id="myform" name="myform" method="post" onsubmit="return sumbitTest();"   
       action="RegisterAction.action">  
     <table>  
         <tr>  
             <td>姓名:</td>  
             <td> <input type="text" name="name" /> </td>  
         </tr>  
         <tr>  
             <td>性别:</td>  
             <td>  
                 <input type="radio" name="sex" value="1"> 男  
                 <input type="radio" name="sex" value="0"> 女  
             </td>  
         </tr>  
         <tr>  
             <td>年龄:</td>  
             <td>  
                 <select name="age">  
                     <option value="20">20</option>  
                     <option value="21">21</option>  
                     <option value="22">22</option>  
                 </select>  
             </td>  
         </tr>  
         <tr>  
             <td colspan="2">  
                 <input type="submit" value="Submit普通提交">  
                 <input type="button" id="ajaxBtn" value="AJAX提交" />  
                 <input type="button" id="jqueryBtn" value="jQuery提交" />  
                 <input type="button" id="jsBtn" value="JS提交" />  
                 <input type="submit" value="onSubmit提交" />  
             </td>  
         </tr>  
     </table>  
 </form>  

[javascript]view plaincopy 
   
 <script type="text/javascript">  
     $(function() {  
         //ajax提交  
         $("#ajaxBtn").click(function() {  
             var params = $("#myform").serialize();  
             $.ajax( {  
                 type : "POST",  
                 url : "RegisterAction.action",  
                 data : params,  
                 success : function(msg) {  
                     alert("success: " + msg);  
                 }  
             });  
         })  
   
         //jQuery提交  
         $("#jqueryBtn").click(function(){  
             $("#myform").submit();  
         })  
   
         //js提交   
         $("#jsBtn").click(function(){  
             document.myform.action="RegisterAction.action";     
             document.myform.submit();     
         })  
     })  
     function sumbitTest(){  
         return true; //return false则不会提交   
     }  
 </script>  