使用$ .getJSON检索JSON数组并返回值

时间:2014-04-29 09:59:56

标签: javascript jquery json twitter-bootstrap

我有一个看起来像这样的json对象。

[{
    "bannerName": "HotWire",
    "imgLocation": "img/logo/weh.jpg",
    "profiles":["1000000390","1000000391"],
    "locations":["1","250"]
},
{

    "bannerName": "The Grill",
    "imgLocation": "img/logo/weh123.jpg",
    "profiles":["1000000390","1000000391"],
    "locations":["1","250"]
}];

保存在banners.json

我正在尝试检索此信息以创建带引导程序的横幅。

我正在使用以下内容从json文件中检索信息。

$.getJSON('banners/banners.json', function(data){

  $.each(data, function(index, obj){
    $.each(obj, function(key, value){
      console.log(value);
    });
  });

});

但是,控制台中没有记录任何内容。基本上,我需要的是将循环中的信息检索为变量,这样我就可以将它们嵌入到HTML中,但我似乎无法使用此代码返回任何内容。

1 个答案:

答案 0 :(得分:0)

尝试在json的末尾删除分号(如果有的话)

[{
    "bannerName": "HotWire",
    "imgLocation": "img/logo/weh.jpg",
    "profiles":["1000000390","1000000391"],
    "locations":["1","250"]
},
{

    "bannerName": "The Grill",
    "imgLocation": "img/logo/weh123.jpg",
    "profiles":["1000000390","1000000391"],
    "locations":["1","250"]
}]

您可以在jsonlint签入您的json是否正确

$.getJSON('banners/banners.json', function(data){
 // try to debug what you actually getting
  console.log(data);
});