ajax提交表单数据不跳转

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