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"onsubmit="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(),// 你的formidasync: false,error: function(request) {alert("Connection error:"+request.error);},success: function(data) {alert("SUCCESS!");}});}</script><form id="formId" action="servlet" method="post"onsubmit="return sub();"><input id="input1" /> <input id="input2" /> <input id="input3" /><input type="button" value="提 交" onclick="sub()"/></form>