使用 Javascript 从远程端点在 div 中附加 html 内容

Question

我有一个外部端点

localhost:5000 加载带有图像的简单 html 页面。一个烧瓶服务器正在那里运行，它提供 html 内容。

我有另一个名为 index.html 的 html 文件。在 index.html, 中，我有一个名为 movie-data 的 div。我想发出一个 Ajax 请求 localhost:5000 并将 html 内容附加到 index.html 的 div movie-data 中。

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>

显示错误，

Uncaught SyntaxError: Unexpected end of input
init();

Answer 1

没有找到function的结束标签

修复：-

<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>