javascript - 从外部 html 文件加载内容

Question

我正在尝试加载服务器上本地存在的 HTML 页面，位于名为 HTML-FIles 的文件夹中。

我想使用 jquery 加载一个文件并将其内容显示在 div 中。

现在，我可以加载文件，但在 div 中创建了一个指向文件内容的链接。我不想要它作为链接，我想要立即获得内容。

这是脚本:

function loadAllPosts() {
    $(document).ready(function () {
        var dir = "../HTML-Files";
        var date = "2014-10-16";

        $.get(dir, function (data) {
            $(data).find("a:contains(" + date + ")").each(
                function () {
                    var post = this;
                    $("#content").append($(post));
                });
        });
    });
}

Answer 1

您可以使用.load()

要在 div 中加载数据，请使用以下命令:

       $(document).ready(function(){
   $("#content").load("YOUR FILE NAME");  //put your file name there in the bracket
});