javascript - 如何正确地将数据从 jQuery 和 Ajax 附加到 HTML？

Question

我正在努力使用 Python、Flask 和 Ajax 实现“加载更多文章”功能。一切都在服务器端工作，但我不知道如何使用 jQuery 将新数据附加到 HTML。

我有以下从服务器端发送的 json 对象:

以及我的 HTML 模板中的以下 jQuery 和 Ajax 代码:

<script type=text/javascript>
  $(function() {
    $('a#get-more').bind('click', function() {
      $.getJSON($SCRIPT_ROOT + '/_get_the_data_from_serverside', {
      }, function(data) {
        $("#more").append(data.stories[0].storycontent);
      });
      return false;
    });
  });
</script>
<span id=more></span>
<a href="#" id=get-more></a>

但是正如您所看到的，它不起作用，来自 json 对象(如“storycontent”)的数据没有附加到 HTML 中。

有什么想法吗？

Answer 1

json 的路径应为 data[0].storycontent。就像这样:

<script type=text/javascript>
  $(function() {
    $('a#get-more').bind('click', function() {
      $.getJSON($SCRIPT_ROOT + '/_get_the_data_from_serverside', {
      }, function(data) {
        $("#more").append(data[0].storycontent);
      });
      return false;
    });
  });
</script>
<span id="more"></span>
<a href="#" id=get-more></a>