使用Tomcat引用Javascript库

时间:2009-06-20 09:17:39

标签: javascript jquery eclipse tomcat ganymede

我正在使用 Eclipse Ganymede Tomcat 5.5 。我想在动态Web项目中添加一些javascript,尤其是ajax功能,需要一些帮助。

我想使用jquery(但我愿意接受其他建议,如果你告诉我为什么在这种情况下另一个库会更好,但是我选择了jquery因为它应该很简单(首先看看)好像是))。

我遇到两个问题:

1- Tomcat找不到jquery库。我在我的jsp文件中尝试过几个例子:

   <script type="text/javascript" src="WEB-INF/lib/jquery-1.3.2.min.js"></script>
   <script type="text/javascript" src="/WEB-INF/lib/jquery-1.3.2.min.js"></script>
   <script type="text/javascript" src="./WEB-INF/lib/jquery-1.3.2.min.js"></script>

如您所见,我将jquery库放在/WEB-INF/lib中。在没有tomcat(使用最后一个路径版本)的浏览器中执行jsp文件,因此路径是正确的。

2-动态Web项目中没有适当的语法突出显示jquery,也没有弹出建议。我也尝试了this article中的信息,但没有太大变化。

4 个答案:

答案 0 :(得分:5)

更具体一点(因为在达到这一点之后,我花了大约半个小时才弄明白):

在Eclipse中使用Tomcat创建动态Web项目时,除了项目之外,您还会获得一个名为“WebContent”的文件夹。这是部署到Tomcat服务器的实际文件夹,在Eclipse中相当于Tomcat/webapps/<project name>(我不确定它在哪里存在)。出于安全原因,作为特殊情况,任何人都无法访问其中的META-INFWEB-INF文件夹,因此将脚本放在这些位置无济于事。

您需要做的是在WebContent中创建一个文件夹,并将Javascript粘贴在那里。此文件夹将全局可见,因此您网站的访问者(与您一样,在测试时)实际上可以访问Javascript。

我所做的就是在WebContent中创建一个名为“script”的文件夹并将我的Javascript放在那里;然后,当我需要在页面中引用它时,我输入了src="ProjectName/script/AwesomesauceJavascript.js"

答案 1 :(得分:0)

我想补充@Tacroy的回复。在Eclipse中使用的服务器中,检查server.xml。确保:

Context docBase="SomeProjectName" path="/SomeProjectName"&lt; - path和docBase属性必须相同。

我有两个不同的东西,并且必须使它们在src属性中相同才能在jsp中工作。

答案 2 :(得分:0)

首先,您必须将资源映射添加到放置jquery.js脚本库的文件夹中。该文件夹必须是公开的。

要使文件夹公开使用以下代码行:

<resources mapping="/scripts/**" location="/WEB-INF/scripts/**" />

现在您只需要在页面中添加引用到此路径:

<script type="text/javascript" src="scripts/jquery-1.10.2.js" ></script>

答案 3 :(得分:-2)

以下是在Eclipse中启用jQuery语法突出显示和内容辅助突出显示的步骤。

  1. 下载jqueryWTP0.40foEn.jar

  2. 找到你的Eclipse插件org.eclipse.wst.jsdt.core_version.jar,备份插件。 (例如C:\ DEV \ EclipseIndigo37 \ eclipse \ plugins \ org.eclipse.wst.jsdt.core_1.1.100.v201104272153.jar)

  3. 双击JAR文件或使用命令java -jar jqueryWTP0.40foEn.jar运行。

  4. 在打开的swing界面上,选择org.eclipse.wst.jsdt.core_version.jar,然后输出目录。

  5. 点击“生成”按钮。

  6. 用生成的文件替换旧的org.eclipse.wst.jsdt.core_version.jar文件。

  7. 删除目录workspace/.metadata/.plugins/org.eclipse.wst.jsdt.core

  8. 启动Eclipse。

  9. 打开HTML文件或JavaScript文件,编辑JavaScript内容。

  10. 现在可以使用jQuery内容辅助 Plugin Developer & Source