zoukankan      html  css  js  c++  java
  • MVC中JQuery文件引入的路径问题,@Url.Content函数

    今天写了个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视图:
     
     1 <head>
     2     <meta charset="utf-8" />
     3     <title>@ViewBag.Title</title>
     4     <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
     5     <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
     6     <script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script>
     7     <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
     8     <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
     9     <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
    10     @*映射错误的路径*@
    11     <script type="text/javascript" src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
    12     <script type="text/javascript" src="~/Scripts/jquery.validate.min.js"></script>
    13     <script type="text/javascript" src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
    14 </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.
  • 相关阅读:
    Android Eclipse真机调试 过滤器filter没有显示
    Maven in 5 Minutes(Windows)
    接触JETM
    使用mobile.changePage()时出现的问题(转)
    jQuery Mobile页面跳转后未加载外部JS(转)
    iDempiere VS ADempiere
    为Drupal7.22添加富编辑器 on Ubuntu 12.04
    说说iDempiere = OSGi + ADempiere的OSGi
    购买阿里云云服务器( 最小配置)
    安装Drupal7.12升级至7.22
  • 原文地址:https://www.cnblogs.com/nlh774/p/3594666.html
Copyright © 2011-2022 走看看