TA的每日心情 | 开心 2021-12-13 21:45 |
---|
签到天数: 15 天 [LV.4]偶尔看看III
|
jQuery异步提交form表单
这个其实挺简单的,只是一开始我想错了,一开始我打算用jQuery +jQuery.form插件来做,其实不必的,只需要jQuery插件就可以了。
首先,在jsp页面中导入jQuery,
<script type="text/javascript"src="<%=request.getContextPath()%>/js/jquery-1.4.2.js"></script>
然后在jQuery的ready方法中定义form提交时的动作就可以了,
$(document).ready(function() {
// 使用 jQuery异步提交表单
$("#editRealMsgForm").submit(function() {
jQuery.ajax({
url:"editRealMsg.eri",
data:$("#editRealMsgForm").serialize(),
type:"POST",
beforeSend:function()
{
$("#submitButton").hide();
$("#editRealMsgImg").show();
},
success:function()
{
$("#editRealMsgImg").hide();
$("#modifyButton").show();
$("#realName").attr("disabled","true");
$("#tel").attr("disabled","true");
}
});
returnfalse;
});
});
现在这个form就绑定好jQuery封装的异步提交方法了,简单吧!
=====================================================
the secondmethod
no input id
=======================================================
Jquery来对form表单提交(mvc方案)
Jquery来对form表单提交,下面是一个form表单,里面没有action字段,我们来用Jquery注册事件进行提交,
<form method="post"id="documentForm">
<input type="hidden" id="hidId" name="hidId"value="<%=Request.QueryString["id"]%>" />
<input type="hidden" id="hidAction" name="hidAction"value="<%=Request.QueryString["action"]%>" />
<divclass="fieldbody">
<div class="tagsiglebody">
<table class="create">
<tr>
<th class="w100">
关键字:
</th>
<td class="nes">
<input type="text" id="txtKeyword" name="txtKeyword"class="txt w250" value="<%=ViewData.eval_r("keywords") %>"
isnull="0" />
关键字请用逗号隔开
</td>
</tr>
|
|