從對HTML的ajax調用顯示JSON數據

Question

我正在做一個項目，幾乎一切都搞定了。 我試圖通過ajax調用在網頁上顯示一系列項目。 我目前擁有的代碼如下：

jQuery代碼：

    var submit_form = function(w) {
     $.getJSON($SCRIPT_ROOT + '/death_numbers', {
        number: $('input[name="number"]').val(),
     }, function(data){
        $.each(data, function() {
            alert(data.wars_found);
             $('#war_result').text(data.wars_found);
        });
    });
    return false;
};

 $('a#calculate_two').bind('click', submit_form);

});

現在一行：alert（data.wars_found）; 會提醒我我想要的一切。 如果我警報（data.wars_found [3]）; 它會帶給我我想要的價值。 因此，我知道我的數據正確。 問題是如何在網頁上顯示此數據。 這是我的HTML代碼：

<form>
  <input name='number' type='text'/>
  <span id="war_result">?</span>
</form>
<a href=# id="calculate_two">calculate server side</a>

如果我這樣做$（'＃war_result'）。text（data.wars_found [2]）;

它將顯示一場戰爭。 但是，我希望頁面上列出所有戰爭。 我花了幾個小時來查看有關該主題的帖子，我認為使用$ .each可以解決問題。 我什至嘗試了以下方法：

     for (i = 0; i < data.wars_found.length; i++){
       $('#war_result').text(data.wars_found[i]);
       console.log(data.wars_found)
     }

那可以控制台記錄我想要的內容，但是我再次想要在網頁上記錄它。 我相信，這時我的HTML代碼有問題。 感謝您的任何幫助。 最后，我正在研究Python / Flask項目，但是，我提取的所有數據都很好。 僅將其顯示為HTML元素很難！

Answer 1

使用代碼的簡單方法：

 var concatenatedData = ''; for (i = 0; i < data.wars_found.length; i++){ concatenatedData += data.wars_found[i]; } $('#war_result').text(concatenatedData);