JSONデータをajax呼び出しからHTMLに表示

Question

私はプロジェクトに取り組んでおり、ほとんどすべてが分かっています。私はajax呼び出しからWebページに表示される項目の配列を取得しようとしています。

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

}); 

ライン：私は現在持っているコードは次のようである、アラート（data.wars_found）。私が望むすべてのものを私に警告します。私が警告している場合（data.wars_found [3]）;それは私に私が欲しい価値を与えるでしょう。だから、私は正しいデータがあることを知っています。問題は、このデータをWebページに表示する方法です。ここに私のHTMLコードは次のとおりです。

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

私はテキスト（data.wars_found [2]）$（ '＃のwar_result'）を行う場合は、。

戦争が1件表示されます。しかし、私はすべての戦争をページに掲載したい。私はその件についての記事を見るのに数時間を費やしてきました。私は$。を使って問題を解決すると考えました。私も試してみました次：私が望んでいたが、再び私は、Webページ上でそれを望むものログイン慰めることができ

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