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

Sam*_*amo 9 eclipse jquery 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>
Run Code Online (Sandbox Code Playgroud)

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

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

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

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

Gri*_*Dog 6

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

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

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

<script type="text/javascript" src="/<web-context-root>/js/jquery-1.4.3.min.js"></script> 
Run Code Online (Sandbox Code Playgroud)

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


DwB*_*DwB 5

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


Sam*_*amo 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>
Run Code Online (Sandbox Code Playgroud)