這個其實挺簡單的,只是一開始我想錯了,一開始我打算用jQuery
+
jQuery.form插件來作,其實沒必要的,只須要jQuery插件就能夠了。首先,在jsp頁面中導入jQuery, javascript
<script
type="text/javascript"
src="<%=request.getContextPath()%>/js/jquery-1.4.2.js"></script>而後在jQuery的ready方法中定義form提交時的動做就能夠了,$(document).ready(function()
{ java
//
使用 jQuery 異步提交表單 jquery
$('#editRealMsgForm').submit(function()
{ ajax
jQuery.ajax({ 異步
url:
'editRealMsg.eri', jsp
data:
$('#editRealMsgForm').serialize(), ide
type: "POST", url
beforeSend:
function() spa
{ 插件
$('#submitButton').hide();
$('#editRealMsgImg').show();
},
success: function()
{
$('#editRealMsgImg').hide();
$('#modifyButton').show();
$('#realName').attr("disabled","true");
$('#tel').attr("disabled","true");
}
});
return false;
});
});
如今這個form就綁定好jQuery封裝的異步提交
方法了,簡單吧!