@Url.Content 问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了@Url.Content 问题相关的知识,希望对你有一定的参考价值。

第一个问题:

@Url.Content 引用问题


<script src="@Url.Content("~/Scripts/ArtDialog/jquery.artdialog.js?skin=blue")" type="text/javascript"></script>

<script src="~/Scripts/ArtDialog/jquery.artDialog.js?skin=blue"></script>

 

今天写了个MVC的Demo,文件夹结构很简单,如下:
技术分享
利用EF生成Model框架并手工加表字段注解,但在页面上JS验证始终没显示。实在无语。
无意中在浏览器里按F12,看见提示:
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:1445/~/Scripts/jquery.validate.min.js
Failed to load resource: the server responded with a status of 500 (Internal Server Error) http://localhost:1445/~/Scripts/jquery.validate.unobtrusive.min.js%22
 
估计是路径JS文件的路径问题,赶紧看了下Layout.cshtml视图:
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
    @*映射错误的路径*@
    <script type="text/javascript" src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
    <script type="text/javascript" src="~/Scripts/jquery.validate.min.js"></script>
    <script type="text/javascript" src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
</head>

 

果然,11,12,13行的代码运行时会被映射到:

技术分享

映射后的物理路径有问题。实际Jquery在网站根目录下,而不再Test文件夹下!

把出错的这几行去掉,用@Url.Content()函数映射,将虚拟(相对)路径转换为应用程序绝对路径。

 

 
PS:要想使用MVC的JS自动验证,除了在Model写注解、引入jquery-1.5.1.min.js外,还要注意是否引入了jquery.validate.js。从名字即可得知,那是JS的验证方法集。
默认的MVC3空项目和Internet的_Layout.cshtml不引用jquery以及validate.js.
 
(博文引用原作者地址:http://www.cnblogs.com/nlh774/p/3594666.html)

 

 

第二个问题:

<script src="@Url.Content("~/Scripts/ArtDialog/jquery.artdialog.js?skin=blue")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/ArtDialog/jquery.artdialog.js")" type="text/javascript"></script>

以及路径中是否加“?skin=blue"的区别:

 

最近在做一个项目有没有后缀直接导致了弹框异常如下:

技术分享

技术分享

 

本来应该如下显示:

技术分享

技术分享

籍此记录问题。

 

以上是关于@Url.Content 问题的主要内容,如果未能解决你的问题,请参考以下文章

“@Url.Content”和“@Href”有啥区别?

用于防止缓存的 url.content 的 razor 扩展方法

反向传播梯度求解推导

加载不同域名页面 跨域问题解决

带有 javascript 局部变量的 MVC Url.Content

费马小定理