form表单提交方式有哪些_bootstrap表格组件

(1) 2024-06-13 09:23

Hi,大家好,我是编程小6,很荣幸遇见你,我把这些年在开发过程中遇到的问题或想法写出来,今天说一说
form表单提交方式有哪些_bootstrap表格组件,希望能够帮助你!!!。

form表单提交的几种方法

<form id="myform" name="myform" method="post" οnsubmit="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>
<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>

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

form表单提交方式有哪些_bootstrap表格组件_https://bianchenghao6.com/blog__第1张

作者:itmyhome

出处:form表单提交的几种方法

今天的分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

上一篇

已是最后文章

下一篇

已是最新文章

发表回复