javascript - 如何将 JSON 数据放入 HTML div？

Question

这是我的问题:我想将通过 Ajax 调用捕获的 JSON 数据放入 HTML div 中。

function showEspece(espece, categorie, object) {
  $.ajax({
    type: 'POST',
    url: 'getespece.php',
    data: {
      espece: espece,
      categorie: categorie
    },
    dataType: 'json',
    success: function(data) {
      console.log(data);
      $('#output').html(data); //what i try to do but don't work
    },
    error: function(xhr, status, error) {
      console.log(error);
    }
  });
}

<div id="output"></div>

这里是变量数据包含的内容:

如何在 HTML div 中显示变量的内容 - 特别是在表格中？

Answer 1

可以使用pre标签来显示JSON。

var data = {"NOMA":["Chachi","Rafiki","Chakra"],"SEXE":["F","M","F"],"DATENAISSANCE":["05-MAY-15","07-JAN-15","17-SEP-17"]};
$('pre').html(JSON.stringify(data, undefined, 2));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<pre></pre>