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

将ajax调用中的JSON数据显示到HTML

1 个答案: