使用Tomcat引用Javascript库

使用Tomcat引用Javascript库,javascript,jquery,eclipse,tomcat,ganymede,Javascript,Jquery,Eclipse,Tomcat,Ganymede,我正在使用Eclipse Ganymede和Tomcat5.5。我想向动态web项目添加一些javascript,特别是ajax功能,需要一些帮助 我想使用jquery(但如果您告诉我为什么在这种情况下另一个库会更好,我愿意接受其他建议,但我选择jquery是因为它应该很简单(乍看起来似乎很简单)) 我有两个问题: 1-Tomcat找不到jquery库。我在jsp文件中尝试了以下几种方法: <script type="text/javascript" src="WEB-INF/lib

我正在使用Eclipse Ganymede和Tomcat5.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>

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

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

更具体地说(因为我花了大约半个小时才弄明白这一点):

在Eclipse中使用Tomcat创建动态Web项目时,除项目中的其他内容外,您将获得一个名为“WebContent”的文件夹。这是部署到Tomcat服务器的实际文件夹,Eclipse相当于
Tomcat/webapps/
(我不确定它真正存在的位置)。出于安全原因,作为一种特殊情况,没有人可以访问其中的
META-INF
WEB-INF
文件夹,因此将脚本放在这些位置不会有帮助

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


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

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

  • 下载

  • 找到您的Eclipse插件org.Eclipse.wst.jsdt.core\u version.jar,备份插件。 (例如C:\DEV\EclipseIndigo37\eclipse\plugins \org.eclipse.wst.jsdt.core_1.1.100.v201104272153.jar)

  • 双击JAR文件或使用命令java-jarjquerywtp0.40foEn.JAR运行

  • 在打开的SwingUI上,选择org.eclipse.wst.jsdt.core_version.jar,并输出目录

  • 单击generate按钮

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

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

  • 启动Eclipse

  • 打开HTML文件或JavaScript文件,编辑JavaScript内容

  • jQuery内容辅助功能现在可用。

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


    Context docBase=“SomeProjectName”path=“/SomeProjectName”
    首先,必须将资源映射添加到放置jquery.js脚本库的文件夹中。该文件夹必须是公用的

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

    <resources mapping="/scripts/**" location="/WEB-INF/scripts/**" />
    
    
    
    现在,您只需在页面中将引用添加到此路径:

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