9

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

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

  • 主文件夹
  • 项目一
  • 项目 2 (sectionLoaderTest/)
    • 索引.html
    • Pages1.html
    • Pages2.html
    • css/
    • js/
      • section.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);
        }
    });
});

我已经尝试了我所知道的所有可能的方法（/、./、.、../、..），但似乎没有任何效果。

有谁知道我做错了什么？

4

2 回答 2

8

./Pages1.html应该管用。在地址栏中为他们测试了所有帐户。

于 2012-05-15T16:45:56.500 回答
1

您的 AJAX URL 应该与您所在的页面相关，因此您需要"Pages1.html". 您在测试用例 (..Pages1.html) 中拥有的内容永远不会起作用，因为这不是有效的参考。（您的意思是 ../Pages1.html 吗？）

于 2012-05-15T16:44:47.430 回答