Как мне вылить все содержимое файла json в div?

Question

Я хотел бы выгрузить весь файл json в мой div, называемый контейнером, без доступа к каждому элементу, например, в контейнере 2. Есть ли способ сделать это?Это мой файл JavaScript.

$(document).ready(function()
{
    var container = $("div.containerDatadump");
    var container2 = $("div.containerOutput");
    $("#get").click(function() {
        $.ajax({
            type: "GET",
            url: "data/directory.json",
            dataType: "json",
            success: function(data) {
                container.append(data);
                $.each(data, function(index, item) {
                    $.each(item, function(key, value) {
                        container2.append(value + "<br/>");
                    });
                    container2.append("<br/><br/>");
                })
            }
        });
    });
});

Answer 1

JSON.stringify превращает json в строку, которую затем можно распечатать, используя jQuery's html().

var container = $("#container");
$("#get").click(function() {
  $.ajax({
    type: "GET",
    url: "https://jsonplaceholder.typicode.com/todos/1",
    dataType: "json",
    success: function(data) {
      container.html(JSON.stringify(data, null, "<pre>    "));
    }
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="get">GET</div>
<div id="container"></div>

РЕДАКТИРОВАТЬ: Чтобы отформатировать JSON, вы можете передать третий параметр в stringify().