如何将json文件的全部内容转储到div中?

时间:2018-12-07 23:57:42

标签: javascript html json ajax

我想将整个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/>");
                })
            }
        });
    });
});

1 个答案:

答案 0 :(得分:0)

[[28,32],[60,4]] 将json转换为字符串,然后可以使用jQuery的JSON.stringify打印该字符串。

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

编辑::要格式化JSON,您可以将pass a third parameter转换为<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>