时间戳

首页 > 解决方案 > 纯 JS json 解析与本地 JSON 文件中的许多对象

javascript - 纯 JS json 解析与本地 JSON 文件中的许多对象

问题描述

我对如何使用 jsons 感到困惑。到目前为止，我总是不得不使用“代码内”数组，我可以轻松地对其进行迭代等。

现在我必须解析 json 文件并从中获取数据，但我对 DOM 元素的输出是：

[object Object],[object Object],[object Object],[object Object]

等等等等。

有人能解释一下我应该如何让事情发挥作用吗？

我目前的代码：

<h1 id="json" onclick="json();">click</h1>
<script>
function json(){
  $.getJSON("./assets/songs.json", function(json) {
    console.log(json);
    document.getElementById('json').innerHTML = json.songs;
  });
}

链接到我使用的 .json 文件：单击

标签： javascripthtmlarraysjsonparsing

解决方案

function json(){
var url = "http://davidpots.com/jakeworry/017%20JSON%20Grouping,%20part%203/data.json";

$.getJSON(url, function (json) {
        console.log(JSON.stringify(json.songs));
       document.getElementById('json').innerHTML = JSON.stringify(json.songs);

});

}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<h1 id="json" onClick="json()">click</h1>
</body>

用于JSON.stringify(json)获取字符串格式的 JSON。

推荐阅读