.load()和相对路径

Question

.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);
        }
    });
});

我尝试了我所知道的每种可能的方法（/、./、.、../、..），但似乎都不起作用。 有人知道我哪里出错了吗？

- Bram Vanroy

Answer 1

./Pages1.html 应该可以使用。在地址栏中测试了所有账户。

- Marcus Recck

Answer 2

你的AJAX URL应该相对于当前页面，所以你需要使用"Pages1.html"。在测试用例中的(..Pages1.html)是无效的引用，永远不会起作用。（你是不是想要使用../Pages1.html？）

- Evan Davis