.load（）和相对路径(.load() and relative paths)

.load()是给我找麻烦。 我工作的一个部分装载机项目，我似乎无法获取我需要的文件。

我想实现 ： #sectionContainer是文档加载空，但文件就绪时，它“充满”与Pages1.html 。 这是由JavaScript文件进行sections.js 。 JS文件和index.html的不是在同一个文件夹。 下面是网站结构（我正在我的网站上有很多的项目）

• 主文件夹
  • 项目1
  • 项目2（sectionLoaderTest /）
    • 的index.html
    • Pages1.html
    • Pages2.html
    • CSS /
    • JS /
      • sections.js
  • 项目3
  • ...

和代码我用来加载Pages1.html的准备：

$(document).ready(function () {
    $("#sectionContainer").load("../Pages1.html", function (response, status, xhr) {
        if (status == "error") {
            var msg = "An error occurred. Status code: ";
            $("#error").html(msg + xhr.status + ". Status text: " + xhr.statusText);
        }
    });
});

我曾尝试各种可能的方法（/，./，../ ..），我知道的和似乎没有任何工作。 下面是测试案例 。

有谁知道我做错了吗？

Answer 1:

./Pages1.html应该工作。 经测试，所有这些账户在地址栏中。

Answer 2:

你的AJAX的网址应该是相对于你正在浏览的网页，所以你要"Pages1.html" 。 你在测试案例（..Pages1.html）什么行不通，因为这不是一个有效的参考。 （你的意思是做../Pages1.html？）

文章来源: .load() and relative paths