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

Question

日安，

我已经进行了广泛的搜索，但我所能找到的就是关于如何向Eclipse添加各种插件的信息。我不想要插件。我要我那该死的jQuery！

一些我尝试过的东西：

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

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

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

Window ->首选项-> JavaScript -> Include Path -> User Libraries -> New...

在这里，我添加了我的jQuery库并正确引用了我的文件。我可以在JavaScript参考资料中看到我的jQuery库。看起来和我想的一样。但是，我的jQuery脚本并没有包含在我的页面中。

这里我漏掉了什么？这是不是如此不费吹灰之力，以至于没有人费心去恰当地记录如何做到这一点？如果这么简单，为什么我就是想不通呢？我以为我有大脑。

Answer 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>

Answer 2

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

选项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>

或者(如果您使用的是映射到前缀“c”的JSTL，则在引用中包含上下文路径)

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

选项2

不要从谷歌CDN获取jquery.js

• Load

1. 。(见下文)

来自Google CDN的参考jQuery.js