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

Question

美好的一天，

我搜索的范围很广，但我能找到的是有关如何向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>

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

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

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

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

Answer 1

我认为您需要找到不在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下。

Answer 2

选项1

在项目中包含jquery.js

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>
或者（如果您使用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。 （见下文）

从Google CDN引用jQuery.js

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

Answer 3

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

Answer 4

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

Answer 5

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

为我解决了这个问题，就是将jQuery.js文件放在/ content文件夹中，其余的html页面，并相对于jsp和html页面的根目录引用它。

Answer 6

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

不要将您的工作放在WEB-INF文件夹中。

Answer 7

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