MVC-Ajax.BeginForm的用法
浏览数：36 /
时间：2015年06月09日
1.利用MVC自带的方法可实现无刷新请求，其原理就是封装了JS的AJAX
实现代码如下：
前端代码:
@using (Ajax.BeginForm("Index", "Home", new { ID=1,Name="2"}, new AjaxOptions
{
HttpMethod="POST",
InsertionMode=InsertionMode.Replace,
OnBegin = "OnBeginPost()",
OnComplete = "OnEndPost()",
OnSuccess = "OnSuccessPost",
UpdateTargetId = "content"
}
))
{
<div id="content">
<table>
<tr>
<td>
@Html.Label("lblName", "姓名")
</td>
<td>
@Html.TextBox("TxtName")
</td>
</tr>
<tr>
<td>
@Html.Label("lblAge", "年龄")
</td>
<td>
@Html.TextBox("TxtAge")
</td>
</tr>
</table>
<input type="submit" value="提交" />
</div>
}
JS代码
<script type="text/javascript">
function OnBeginPost() {
alert("开始提交");
}
function OnEndPost() {
alert("提交完成!");
}
function OnSuccessPost(e) {
alert(e + "提交成功!");
}
</script>
}
说明一点利用此方法需要引用JS文件 <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>
否则实现不了上述功能
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
