jquery 提交form表單

這個其實挺簡單的,只是一開始我想錯了,一開始我打算用jQuery
+
jQuery.form
插件來作,其實沒必要的,只須要jQuery插件就能夠了。首先,在jsp頁面中導入jQuery javascript


<script
type="text/javascript"
src="<%=request.getContextPath()%>/js/jquery-1.4.2.js"></script>而後在jQueryready方法中定義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封裝的異步提交
方法了,簡單吧!

相關文章
相關標籤/搜索