首页 > Web开发 > 详细

MVC-Ajax.BeginForm的用法

时间:2015-03-30 18:07:21      阅读:224      评论:0      收藏:0      [点我收藏+]

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>
否则实现不了上述功能
 

MVC-Ajax.BeginForm的用法

原文:http://www.cnblogs.com/dwtMyBlog521/p/4378666.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!