form表单提交的几种方法详解编程语言

form表单提交的几种方法

<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>

<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>

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

作者：blog.ytso.com

出处：blog.ytso.com/article/details/41849175