选择JSON数据并在我的HTML中显示

时间:2011-07-14 08:36:06

标签: jquery json

所以我有一些json数据,我试图提取以下数据元素:

"name"
"l" = current price
"c" = change in price

然后使用以下代码将数据(所有数据)显示为对象对象;

  1. 如何从json数据中选择“name”,“l”和“c”数据
  2. 为什么数据显示为OBJECT OBJECT?
  3. 由于我是JSON的新手,我期待您的回复,您提供的所有信息都将对我有所帮助!

     $.getJSON('http://www.google.com/finance/info?infotype=infoquoteall&q=SHMN,^DJI,^IXIC,^BSESN,^SPX,^FTSE&callback=?', 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('body');
         });
    

    这是小提琴:http://jsfiddle.net/A4jKT/12/

1 个答案:

答案 0 :(得分:4)

你可以像对象一样使用它。因此,例如,您可以执行以下操作来获取'l'属性:

items.push('<li id="' + key + '">' + val.l + '</li>');

或者如果你想要这个名字:

items.push('<li id="' + key + '">' + val.name + '</li>');

此时您只是将整个对象(val)推入项目中。您可以引用该对象中的字段。

工作演示:http://jsfiddle.net/naveen/c2VeD/