Load content from external html file

Question

Im trying to load html pages that exists locally on the server in a folder called HTML-FIles.

I want to use jquery to load one file and present its content in a div.

As it is now, I can load the file, but in the div a link is created that leads to the files content. I dont want it as a link, I want the content immediatly.

Here is the script:

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));
                });
        });
    });
}

You need to use the file name as well..

void
– void

2014-10-23 11:43:45 +00:00
Commented Oct 23, 2014 at 11:43 — void
– void, Commented Oct 23, 2014 at 11:43

Cpt MacTavish · Accepted Answer · 2014-10-23 11:48:50Z

1

You may use .load()

To load data in a div, use the following:

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

answered Oct 23, 2014 at 11:48

Cpt MacTavish

363 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sree · Accepted Answer · 2014-10-23 16:15:19Z

0

If you want to load data on click try this.

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

answered Oct 23, 2014 at 16:15

Sree

1,5293 gold badges16 silver badges37 bronze badges

Collectives™ on Stack Overflow

Load content from external html file

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related