Form表单提交数据不跳转

1.onsubmit

form表单的onsubmit方法在submit执行之前提交表单

<script type="text/javascript">
	function sub() {
		// jquery 表单提交 
		$("#formId").ajaxSubmit(function(message) { 
		// 对于表单提交成功后处理，message为返回内容 
		}); 

		return false; // 必须返回false，否则表单会自己再做一次提交操作，并且页面跳转 
	} 

</script>
<form id="formId" action="servlet" method="post"οnsubmit="return sub();"> 
	<input type="submit" value="提交"/> 
</form> 

2.ajax提交

<script type="text/javascript">
	function sub() {
		$.ajax({
				cache: true,
				type: "POST",
				url:"Servlet",
				data:$('#formId').serialize(),// 你的formid
				async: false,
				error: function(request) {
					alert("Connection error:"+request.error);
				},
				success: function(data) {
					alert("SUCCESS!");
				}
			});
	}
</script>
<form id="formId" action="servlet" method="post"οnsubmit="return sub();">
	<input id="input1" /> 
	<input id="input2" /> 
	<input id="input3" />
	<input type="button" value="提 交" οnclick="sub()"/>
</form>