代码之家  ›  专栏  ›  技术社区  ›  Samo

如何在Spring MVC Eclipse项目中包含jQuery库

  •  9
  • Samo  · 技术社区  · 14 年前

    我已经搜索了很多地方,但我能找到的只是关于如何向Eclipse添加各种插件的信息。我不想要插件。我要我的臭jQuery!

    我试过的一些事情:

    我下载jQuery并将其放在WebContent\WEB-INF\js文件夹中。然后在我的WebContent\WEB-INF\jsps\company.jsp文件中,有一个脚本标记:

    <script type="text/javascript" src="../js/jquery-1.4.3.min.js"></script>
    

    但没有骰子。继续下一次尝试。

    窗口->首选项->JavaScript->包含路径->用户库->新建。。。

    我错过了什么?这是不是很简单,没人费心记录下怎么做?如果这么简单,我为什么不明白呢?我以为我有脑子。。。

    7 回复  |  直到 14 年前
        1
  •  6
  •   GriffeyDog    14 年前

    我认为您需要找到不在WEB-INF目录下的文件,因为您的JSP生成的HTML看不到任何东西。尝试将js目录直接放在WebContent下,并相应地更改标记中的引用。

    编辑:

    你可能会想要这样的东西:

    <script type="text/javascript" src="/<web-context-root>/js/jquery-1.4.3.min.js"></script> 
    

    其中web上下文根是特定于应用程序的,并且假设您将js目录直接放在WebContent下。

        2
  •  5
  •   DwB    14 年前

    选择1

    1. 获取jQuery。
    2. 将jQuery.js文件放在web根目录下的某个位置,但不要放在web-INF下。也许,可以在项目中web-INF文件夹的同一级别创建一个名为“js”的目录(对我来说,这是在WebContext文件夹下)。
    3. 在您的JSP页面中引用jquery.js文件(下面的示例)。

    在项目中引用jQuery.js

    <script type="text/javascript" src="/js/jquery-1.4.3.min.js"></script>
    或者(如果使用映射到前缀“c”的JSTL,则在引用中包含上下文路径)
    <script type="text/javascript" src="<c:url value="/js/jquery-1.4.3.min.js">"></script>

    选择2

    1. 不要获取jquery.js
    2. 从google CDN加载jquery。(见下文)

    从Google CDN中引用jQuery.js

    <script src=“http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js”type=“text/javascript”></script>

        3
  •  1
  •   Jay Chandran    14 年前

    没错。你应该把“js”文件夹移到WEB-INF文件夹上面。然后js文件将被JSP接收。

        4
  •  1
  •   Samo    14 年前

    建议将jquery库移到某某位置是正确的,只有一个小的例外。需要一个新的servlet来提供静态内容文件。如果其他人有这个问题,像这样的事情应该是合适的:

      <servlet>
        <servlet-name>statCont</servlet-name>
        <servlet-class>
          org.apache.catalina.servlets.DefaultServlet
        </servlet-class>
        <load-on-startup>1</load-on-startup>
      </servlet>
    
      <servlet-mapping>
        <servlet-name>statCont</servlet-name>
        <url-pattern>*.js</url-pattern>
      </servlet-mapping>
    
        5
  •  0
  •   user1219387    10 年前

    您可以尝试使用单独的servlet(实际上我还没有尝试过)将jQuery.js加载为静态内容。

        6
  •  0
  •   NiLInfinite    10 年前

    为什么您的jsp在WEB-INF中?它们是在“WebContent”文件夹中创建的。 类路径中不应包含WEB-INF文件夹。

    不要把你的工作放在WEB-INF文件夹里。

        7
  •  0
  •   Anshul Sachdeva    9 年前

    <script type="text/javascript" src="webjars/jquery/2.1.4/jquery.js"></script>