显示输入JSON
问题描述:
内容
问题::显示输入JSON
我知道这是一个多余的问题,但我发现在其他类似的问题帮助不大...
我有一个JSON文件。
我可以加载JSON很好,但是当我尝试输出与此
div.innerHTML = jsonfromfile[element];
我只得到这个特定的元素...
[object Object]
我的输出...
如何让整个元素显示而不是[object Object]?
更多的代码来获得它是如何正在做起来的感觉......
var activity;
function jsfr() {
$.getJSON('myjson.json', function(response){
jsonfromfile = response;
})
}
。
。
。
解决方案::从弗朗西斯斯大林的回答
我添加了一个新功能......
var items;
function outty(data) {
$.each(data, function(key, val) {
items=items+key+","+val+";";
});
}
和我设置的JSON留下我一个对象,我发送到outty深度.. 。
dpth = jsonfromfile["elementOne"]["elSubone"]["elsuboneSub"];
outty(dpth);
div.innerHTML=items;
这里显示的DIV所有打印到HTML ...
<div class="col-rght">
<div class="text" id="postcomp"></div>
</div> <!--div class="col-rght"-->
这就使你想要的JSON深度的对象变成一个丑陋的字符串,然后你可以为显示格式..
如果你喜欢HTML列表看看斯大林是如何做到的,但厌倦了appendTo的(” div')...这将把你的列表放在每个div中。尝试把要打印与一个时期领先的IT类的div的名称,appendTo(“ outputbox”)
答
你不能追加json对象直接导入到ur html中。 u必须解析和转换成字符串
$.getJSON('myjson.json', function(data) {
var items = [];
$.each(data, function(key, val) {
items.push('<li id="' + key + '">' + val + '</li>');
});
$('<ul/>', {
'class': 'my-new-list',
html: items.join('')
}).appendTo('div');
});
答
尝试div.innerHTML = JSON.stringify(jsonfromfile[element]);
'[对象的对象]'是对象的默认字符串表示。您可以将对象转换回JSON并显示它。 – 2013-04-25 10:43:28
如何将它转换回json? – Peregrine 2013-04-25 10:47:43
'JSON.stringify' – 2013-04-25 11:33:20