form表单提交的几种方式

超、凢脫俗 2022-06-12 03:20 242阅读 0赞

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][view plain]

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>

[view plain]: http://blog.csdn.net/itmyhome1990/article/details/41849175#