.load（）和相对路径

.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 URL应该与您所在的页面相关，因此您需要"Pages1.html" 。 您在测试用例中的内容（..Pages1.html）将永远不会有效，因为它不是有效的参考。 （你的意思是做../Pages1.html吗？）