码迷,mamicode.com
首页 > Web开发 > 详细

Asp.Net Mvc 之Ajax

时间:2015-09-07 19:28:05      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:

                    Asp.Net Mvc 之Ajax

正文:

    除了HtmlHelper之外,还有UrlHelper帮助方法:

     1.@Url.Action():url字符串

     <a href="@Url.Action("Index", "Home", new { id = 100 })">跳转</a><br />

     2.@Url.RouteUrl:根据路由名称生成url字符串

     @Url.RouteUrl("Default1", new { controller = "Home", action = "index", id = 100, name = "abc" });

     3.@Url.RouteCollection.GetRouteData():得到RouteData(键值对)数据(控制器,action,参数)

      @{
            var routdata = Url.RouteCollection.GetRouteData(new HttpContextWrapper(HttpContext.Current));
            var list = routdata.Values.ToList();
            foreach (var item in list)
            {
                   @item.Key @:----
                   @item.Value             
            }
        }

       AjaxHelper帮助方法:

      1.@Ajax.ActionLink():(下面有AjaxOptions图)

      @Ajax.ActionLink("显示字符串", "ActionName", "ControllerName", new AjaxOptions()
     {
      Confirm="是否要发出请求?",
       Url = Url.Action("ActionName", "ControllerName")
       ,
       HttpMethod = "post"
       ,
       UpdateTargetId = "displayDiv" //更新的html元素id
      ,
       InsertionMode = InsertionMode.Replace //更新方式
       ,
       LoadingElementId = "loading"//加载时显示的元素id
       ,
       OnSuccess = "success"   
       ,
       OnBegin = "begin"
       ,
       OnFailure = "fail"
       ,
       OnComplete = "comp" //完成时触发
   });

     技术分享

       2.@Ajax.BeginForm():参数与@Ajax.ActionLink()同理(下面有AjaxOptions图)

    技术分享

      技术分享

         其中AjaxOptions:

         技术分享

        使用AJax进行编辑小Demo:

    技术分享

     技术分享

        引入脚本:

      技术分享

    技术分享

        后台控制器再次验证以及编辑操作:

    技术分享

          同样的webconfig文件需要确认:

     技术分享

 

 

 

 

 

 

END

Asp.Net Mvc 之Ajax

标签:

原文地址:http://www.cnblogs.com/Francis-YZR/p/4789720.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!