Question

.load()给了我麻烦。我正在处理一个节段加载器项目，我似乎无法获取我需要的文件。

我想要实现的目标：文档加载时#sectionContainer为空，但在文档就绪时，Pages1.html已“填充”。这是通过JavaScript文件sections.js完成的。 JS文件和index.html不在同一个文件夹中。这是网站结构（我在我的网站上运行了很多项目）

主文件夹
- 第1项
- Project 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);
        }
    });
});

我已经尝试了所有可能的方法（/，。/，。，.. /，..），我知道并且似乎没有任何效果。这是test case。

有谁知道我做错了什么？

Answer 1

./Pages1.html应该有效。在地址栏中测试了所有帐户。

Answer 2

您的AJAX网址应该与您所在的网页相关，因此您需要"Pages1.html"。您在测试用例中的内容（..Pages1.html）将永远不会有效，因为它不是有效的参考。（你的意思是做../ Pages1.html吗？）

.load（）和相对路径

2 个答案: