asp.net mvc3中母版页+局部刷新的用法

最新推荐文章于 2024-04-24 10:47:00 发布

s15981924260

最新推荐文章于 2024-04-24 10:47:00 发布

阅读量7.6k

点赞数

文章标签： asp.net mvc js ajax

本文链接：https://blog.youkuaiyun.com/s15981924260/article/details/39547367

版权

本文详细介绍了MVC3框架中母版页（_Layout.cshtml）的作用及其如何与控制器（Controller）和视图（View）交互，特别关注了母版页如何通过`@html.Raw()`方法获取数据，并展示了局部刷新（Partial View）的实现方式，通过实例代码解释了如何使用a标签结合`data-ajax-update`和`data-ajax`属性来实现场景中的内容更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目的Views文件夹下有个shared的文件夹，在它的的下面有个_Layout.cshtml的文件，也就是母版页。他并没有controller，但是里面的数据从哪里获得呢？mvc3提供了一个方法@html.Raw(string str)。比如你要在<div></div>里面写一些内容就可以这样用<div>@html.Raw("<div>123566</div>")</div> str可以在任意类中获得。

_Layout.cshtml 代码如下

<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script type="text/javascript" src="/Scripts/jquery.unobtrusive-ajax.min.js"></script> //实现局部刷新要引入这两个js文件切记
</head>

<body>
<div id="main">// 这个main 下面讲局部刷新时会用到
   @RenderBody() //这句话的意思就是谁用到我母版页谁就得把你自己的内容放在里面比如说下面的index视图中@{ Layout ="~/Views/Shared/_Layout.cshtml";}
</div>
<span>13216465464656</span>
<a href="/test2/ajaxtest" data-ajax-update="#main" data-ajax="true">hsidfh哦该哦iasjoijg</a> //讲解局部刷新时会用到
</body>
</html>

下面开始用法

第一步要新建一个controller和view视图比如我们建一个叫testcontroller 还有一个Index视图

在global.asax 里面修改路由(这部分内容可以上网查找资料我也不是太了解) 看下面代码

      public static void RegisterRoutes(RouteCollection routes)
        {
            routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

            routes.MapRoute(
                "Default", // 路由名称
                "{controller}/{action}/{id}", // 带有参数的 URL
                new { controller = "test", action = "Index", id = UrlParameter.Optional } // 参数默认值
            );
        }

把黑色字体改成你要首先进入的controller和actionname的名字。

第二部上面所说的index视图如下

   @{
    Layout ="~/Views/Shared/_Layout.cshtml";//=后面的就是文章开头所说的_Layout.cshtml
}

<!DOCTYPE html>

<html>
<head>
    <title>Index</title>
</head>
<body>
    <div>
    1452525555hsdkhfjsd
    </div>

</body>
</html>