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

时间:2010-11-09 18:26:55

标签: jquery eclipse spring-mvc

美好的一天,

我搜索的范围很广,但我能找到的是有关如何向Eclipse添加各种插件的信息。我不想要一个插件。我想要我的stinkin'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>

但没有骰子。接下来的尝试。

窗口 - &gt;偏好 - &gt; JavaScript - &gt;包含路径 - &gt;用户库 - &gt;新建...

这里我添加了我的jQuery库并正确地引用了我的文件。我可以在JavaScript Resources中看到我的jQuery库。看起来就像我期待的那样。但是,我的jQuery脚本还没有包含在我的页面中。

我在这里缺少什么?难道没有人能够正确记录如何做到这一点吗?如果它是如此明智,为什么我不明白?我想我有一个大脑......

7 个答案:

答案 0 :(得分:6)

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

编辑: 回答你在Jay的回答下留下的评论。你是如何引用脚本标签中的文件的?

您可能需要以下内容:

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

其中web-context-root特定于您的应用程序,并假设您将js目录直接放在WebContent下。

答案 1 :(得分:5)

选项1

在项目中包含jquery.js

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

    中引用jQuery.js

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

    选项2

    1. 不要得到jquery.js
    2. 从谷歌CDN加载jquery。 (见下文)
    3. 从Google CDN

      引用jQuery.js

      &lt; script src =“http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js”type =“text / javascript”&gt;&lt; / script&gt;

答案 2 :(得分:1)

这是正确的。您应该将'js'文件夹移到WEB-INF文件夹上方。然后你的JSP将获取js文件。

答案 3 :(得分:1)

将我的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>

答案 4 :(得分:0)

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

为我解决了什么,将jQuery.js文件放在/ content文件夹中,其余的html页面,并相对于jsp和html页面的根目录引用它。

答案 5 :(得分:0)

为什么你的JSP在WEB-INF中?它们在'WebContent'文件夹中创建。 WEB-INF文件夹不应包含在类路径中。

请勿将您的作品放在WEB-INF文件夹中。

答案 6 :(得分:0)

您还可以在pom.xml中添加jquery的依赖项并包含在脚本源中:<script type="text/javascript" src="webjars/jquery/2.1.4/jquery.js"></script>