javascript - 在 JQuery 中，“加载”方法的相对路径在引用项目中的 html 文件时从哪里开始？

Question

我有一个使用大量 html、javascript、java 等的 Java EE 项目。我希望使用 JQuery 将 html 模板加载到 div 标记中，但是我不确定加载方法的相对路径从哪里开始.

我试图加载的 html 文件在项目中，但在不同的目录中。我是否必须后退并返回才能到达路径？如果有一种简单的方法可以通过某种类型的调试方法找出正确的路径是什么……那将是奖励！它使用的javascript（JQuery）被加载，下面的行也在另一个文件中。我有类似以下的东西

$("<div id=\"eventMaintDialog\"></div>").appendTo($("body"));
$("eventMaintDialog").load("src\main\webapp\resources\js\template\Event\EventMaintTemplate.html");

我希望我清楚地解释了这一点。我觉得我一直在改变路径，但一无所获。我在黑暗中刺伤。提前致谢。

Answer 1

Javascript 在浏览器中运行，它不了解您的 Java EE 项目。

您可以打开浏览器控制台并将其写在页面上以查看：

var resolved = $("<a>", {href: "src\main\webapp\resources\js\template\Event\EventMaintTemplate.html"}).prop( "href" );

resolved; //The absolute url 
//"http://stackoverflow.com/questions/11604170/srcmainwebappesourcesjsemplateEventEventMaintTemplate.html"

这取决于您在其上运行代码的页面的 url。

请注意，这"\"是 javascript 字符串中的转义字符。你可能想要"/"那里。

Answer 2

您可以通过使用斜线来指定绝对 url。

$("eventMaintDialog").load("\src\main\webapp\resources\js\template\Event\EventMainTemplate.html");

将参考 http://www.[yourwebsite].com/src/main/webapp/resources/js/template/Event/EventMainTemplate.html

之前给我带来了很多麻烦