Append html content in a div from remote end point using Javascript

Question

I have an external end point

localhost:5000 which loads a simple html page with an image. A flask server is running there which serves html content.

I have another html file called index.html . In the index.html, I have a div called movie-data . I want to make a Ajax request localhost:5000 and append the html content in the div movie-data of index.html .

index.html :-

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>

function init() {

$.ajax({
    dataType: "html",
    url: "http://localhost:5000",
    success: function (data) {
        console.log(data);
        $("#movie-data").html($(data).append(data));
    }
});

init();

</script>

<div id="movie-data"></div>

It is showing error,

Uncaught SyntaxError: Unexpected end of input
init();

NB: Think about what $(data).append(data) does.... It makes no sense. — trincot
– trincot, Commented Dec 2, 2018 at 19:22
if you use .html, it will replace old data, if u use append, it will append, check my answer — Yash Soni
– Yash Soni, Commented Dec 2, 2018 at 19:24

Yash Soni · Accepted Answer · 2018-12-02 19:22:11Z

1

no closing tag of function was found

fix : -

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>

function init() {

  $.ajax({
    dataType: "html",
    url: "http://localhost:5000",
    success: function (data) {
        console.log(data);
        $("#movie-data").append(data);
    }
  });
}

init();

</script>

<div id="movie-data"></div>

answered Dec 2, 2018 at 19:22

Yash Soni

7644 silver badges15 bronze badges

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

2 Comments

Dinesh Ahuja Over a year ago

it is working. If I want to append data in iframe , do you have any suggestion ?

Yash Soni Over a year ago

Set a div in iframe with an id suppose framediv and then append data in it as framediv.append(data)

Collectives™ on Stack Overflow

Append html content in a div from remote end point using Javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related