从外部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
});

Answer 2

如果要在其上加载数据，请尝试此操作。

$(document).ready(function () {
    $("div").live('click', function () {
        var data_id = $(this).data("id");
        $('#container').load("external.html?" + data_id,myCallback);
    });
});