3

我正在为此拔头发。我正在使用 jQuery.getJSON() 方法从服务器获取响应。这是一个示例响应:

{
  "playlist": {
      "track": {
          "song": "Wake me up",
          "albumart": "http://example.com/image.png",
          "videoid": "CDsKBof4iMA"
      }
  }
}

响应中将有多个曲目,但只有一个播放列表。我要求使用以下内容:

$.getJSON("api/playlist/get.php", {artist: "artist+name" })

我该如何解析这些数据?

4

4 回答 4

1

假设您的 JSON 结果是这样的:

{

    "playlist": {
        "track": {
            "song": "Wake me up",
            "albumart": "http://example.com/image.png",
            "videoid": "CDsKBof4iMA"
        },
        "track": {
            "song": "Wake me up 2",
            "albumart": "http://example.com/image2.png",
            "videoid": "CDsKBof4iMA2"
        },
        "track": {
            "song": "Wake me up 3",
            "albumart": "http://example.com/image3.png",
            "videoid": "CDsKBof4iMA3"
        }
    }
}

更新:

此 json 格式无效,因为它有多个具有相同属性名称的子对象。如果可以,请将服务器的响应更改为以下格式:

{
    playlist: {
        tracks: [{
            "song": "Wake me up",
            "albumart": "http://example.com/image.png",
            "videoid": "CDsKBof4iMA"
        }, {
            "song": "Wake me up 2",
            "albumart": "http://example.com/image2.png",
            "videoid": "CDsKBof4iMA2"
        }, {
            "song": "Wake me up 3",
            "albumart": "http://example.com/image3.png",
            "videoid": "CDsKBof4iMA3"
        }]
    }
}

然后您将能够track从传递的数组中获取每个对象:

你应该$.getJSON像这样使用你的功能:

$.getJSON("api/playlist/get.php", function (data) {

    for (var key in myObj.playlist.tracks) {
        //do something with your track object
        console.log(myObj.playlist.tracks[key].song)
    }

})

这是给你的 JsFiddle:http: //jsfiddle.net/zur4ik/Fy6ud/1/

于 2013-10-28T16:59:09.163 回答
0

用于$.parseJSON()获取 JSON 的 JavaScript 对象。 http://api.jquery.com/jQuery.parseJSON/

于 2013-10-28T16:50:44.430 回答
0

试试这个:

$.getJSON("api/playlist/get.php", function(data) {
    var responseObject = JSON.parse(data);
    // do stuff with responseObject
});
于 2013-10-28T16:51:43.307 回答
0

根据文档

 jQuery.getJSON( url [, data ] [, success( data, textStatus, jqXHR ) ] )

在此,success( data, textStatus, jqXHR )如果 JSON 加载成功,则回调

于 2013-10-28T16:52:15.287 回答