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>