jQuery를 사용하여 javascript에서 JSON 구문 분석

Question

나는이 문제를 해결하려고합니다. jQuery.getJSON() 메서드를 사용하여 서버에서 응답을 얻고 있습니다. 다음은 예시 응답입니다.

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

응답에는 하나 이상의 재생 목록이 있지만 하나의 재생 목록 만 있습니다. 다음을 사용하여 요청합니다 :

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

어떻게이 데이터를 구문 분석합니까?

Answer 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" 
     } 
    } 
} 

UPDATE : 그것은 동일한 속성 이름을 가진 여러 하위 오브젝트를 가지고 있기 때문에

이 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/

Answer 2

$.parseJSON()을 사용하면 JSON의 JavaScript 객체를 가져올 수 있습니다. http://api.jquery.com/jQuery.parseJSON/

Answer 3

이를 시도해보십시오 documentation 당으로

$.getJSON("api/playlist/get.php", function(data) { 
    var responseObject = JSON.parse(data); 
    // do stuff with responseObject 
}); 

Answer 4

이에서

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

을의 success(data, textStatus, jqXHR) 콜백 인 JSON 부하가 성공하면