Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否将JSON数据打印到HTML div?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 是否将JSON数据打印到HTML div?

Javascript 是否将JSON数据打印到HTML div?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,因此,我的控制台日志正确地显示了所有信息,因此我知道我的代码工作正常,但现在我想将数据输出到HTML中的某个div,以显示播放列表中正在播放的歌曲。如何将sound[I].title中的JSON数据打印到div widget.bind(SC.Widget.Events.PAUSE, function(){ $("#{STORIES.story_id}6 :image").removeClass('buyy') .removeClass('buyyy') .

因此,我的控制台日志正确地显示了所有信息,因此我知道我的代码工作正常,但现在我想将数据输出到HTML中的某个div,以显示播放列表中正在播放的歌曲。如何将sound[I].title中的JSON数据打印到div

widget.bind(SC.Widget.Events.PAUSE, function(){
    $("#{STORIES.story_id}6 :image").removeClass('buyy')
        .removeClass('buyyy')
        .addClass('buy');

    widget.getSounds(function(sound) {
        var a = sound.length;
        for(var i=0; i<a; i++){
            console.log(sound[i].title);
        }
    });
});
widget.bind(SC.widget.Events.PAUSE,function()){
$(“#{STORIES.story_id}6:image”).removeClass('buyy')
.removeClass('buyy')
.addClass(“购买”);
getSounds(函数(声音){
var a=声音长度;

对于(var i=0;i,在许多现代浏览器中,使用jQuery可以执行以下操作:

$('#myDiv').text(JSON.stringify(myJson));
此外,如果您希望格式化JSON,可以使用:

JSON.stringify(myJson, undefined, 2);
// JSON -------^       ^          ^
// no filter ----------^          ^
// indent two spaces -------------^

缺少关于DOM树中实际要将数据放在何处的任何信息

$('#someElement').append($('<div>', {text: sound[i].title }));
$('#someElement').append($('',{text:sound[i].title}));
类似这样的东西

 <script type="text/javascript">
  //stuff and more stuff//

   for(var i=0; i<a; i++){
      document.getElementById('myList').append= sound[i].title+', ';
    }

</script>
<p>My playlist: <span id='myList'>Empty</span> </p> 

//越来越多的东西//

for(var i=0;iOr使其变得漂亮
JSON.stringify(myJson,null,2)
我认为OP实际上并不是指打印JSON本身,只是一个措辞拙劣的问题。@MattBall我认为你是对的,我认为他实际上指的是
.title
中的字符串,现在我重读了。@MattBall:啊,是的,我认为你已经更仔细地阅读了这个问题;-)向上投票你的答案…好的,我这样做了,并把它放在我的控制台下。log(声音[I].title);但它将只显示最后一首歌。为什么它不显示对象中的所有25个元素?如何使它显示在水平列表中而不是怪物垂直列表中?使用内联元素而不是块级元素。这将持续覆盖以前设置的值。-1排序,但不是您编写的方式。and OP正在使用jQuery,所以我根本不需要使用香草DOM。