从对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);