如何正確地從jQuery和Ajax向HTML添加數據？

我正在使用Python，Flask和Ajax實現「加載更多文章」功能。一切都從服務器端工作，但我不知道如何使用jQuery將新數據附加到HTML。如何正確地從jQuery和Ajax向HTML添加數據？

我有一個從服務器端發送的以下JSON對象：

而下面的jQuery和Ajax代碼在我的HTML模板：

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

任何想法？

來源

2016-06-29 Madno

您需要的id =「更多」，你缺少的「」 –

你要複製的股利或東西是你在重複在Python。只需用您的json對象值替換爲HTML。 –

@JesperHøjer做到這一點，它沒有改變任何東西。 – Madno

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>

來源

2016-06-29 09:19:47

如何正確地從jQuery和Ajax向HTML添加數據？

回答

相關問題