jQueryとAjaxからどのようにHTMLにデータを正しく追加できますか？

Question

私は、Python、フラスコと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> 

をしかし、それはのように動作しません。 「storycontent」のようなjsonオブジェクトからのデータがHTMLに追加されていないことがわかります。

アイデア？

Answer 1

JSONのパスはデータ[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>