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