jquery - 使用 $.getJSON 读取 JSON

Question

对于大学作业，我必须将 JSON 数据读入 Adob​​e Edge 项目。在下面的 JSON 中，您将看到我制作了一组颜色。函数必须在 json 文件setElementsColor(color)的数组中查找正确的对象。Colors所以参数color必须等于colorName对象的。我不太确定该怎么做。

这是JSON：

{
    "Colors": [
        {
            "colorName": "Black",
            "imageName": "fridge_black.jpg",
            "footerName": "black_footer.png",
            "facebookLogo": "black_facebook.png",
            "twitterLogo": "black_twitter.png",
            "linkedinLogo": "black_linkedin.png"
        },
        {
            "colorName": "Blue",
            "imageName": "fridge_blue.jpg",
            "footerName": "blue_footer.png",
            "facebookLogo": "blue_facebook.png",
            "twitterLogo": "blue_twitter.png",
            "linkedinLogo": "blue_linkedin.png"
        }
    ]
}

以下函数用于读取 JSON 文件。

function setElementsColor(color){
  $.getJSON('json/colors.json',function(data){
    //The JSON must be read out here
  });
}

Answer 1

我会用$.grep.

function setElementsColor(color){
  $.getJSON('json/colors.json',function(data){
    var obj = $.grep(data.Colors, function(color) {
      return color.colorName === color;
    });
    /* Use obj */
  });
}

Colors如果是对象而不是数组，我会更容易。

免责声明：未经测试。