jqeury中ajax的表单实现异步提交

发布时间：2020-12-16 01:39:38 所属栏目：百科来源：网络整理

导读：jQuery异步提交form表单 script type="text/javascript"src="%=request.getContextPath()%/js/jquery-1.4.2.js"/script 然后在jQuery的ready方法中定义form提交时的动作就可以了， $(document).ready(function() { // 使用 jQuery异步提交表单 $('#editRealM

jQuery异步提交form表单

然后在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>
</table>
</div>
</div>
<div class="btngroup">
<input type="button" class="btncreateok"id="btnConfirm" value="创建" />
<input type="button" class="btncreatecancel"onclick="history.go(-1)" value="取消" />
</div>
</form>

在js中的代码如下：

$(document).ready(function () {
$("#btnConfirm").click(function () {
$('#documentForm').submitForm({
url: "/Document/SubmitDocumentCreate",
dataType: "text",
callback: function (data) {
endFileUpload();
data = eval_r("(" + data + ")");
alert(data.Content);
if (data.Result > 0) {
location.href = data.Redirect;
}
},
before: function () {
startFileUpload();
var errMsg = "";
}
}).submit();
});

}

在js中，我们一定要注意，$(document).ready是必须的，不然会出错，其中对button、form的id进行事件绑定：$("#btnConfirm").click、$('#documentForm').submitForm

然后在$('#documentForm').submitForm方法中给出url和回调方法。

好了，这下就完成了，当然那怎么在Document/SubmitDocumentCreate中获取表单的值呢，用Request.Form["xxxxx"]就可以获取表单的值了。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!