jQuery UI 자동 완성 드롭 다운이 표시되지 않음

Question

jQuery UI 자동 완성 기능을 사용하여 spotify의 음악 라이브러리를 검색하려고합니다. 모든 것이 잘 통과, 나는 성공적인 응답을받을 수 있나요 동안 :

는 제안 아래에는 드롭은 없습니다. 예를 들어 내가 "시간"을 검색하고 내가보고 싶었어요 :

• 시간을 한스 짐머 (Hans Zimmer) <에 의해 - 핏불
에 의해 시간에
• 뒤로 (이것은 내가 검색 한 것입니다)
  012 :
• 등

러쉬 큰 시간으로 권한 상승은 여기 내 자바 스크립트 코드

<script>$(function() {$("#spotify_song_search").autocomplete({source: function(request, response) { $.get("http://ws.spotify.com/search/1/track.json", { q: request.term },function(data) { alert(data); response(data);}); },success: function(data) { // pass your data to the response callback alert(data); response(data); }});});</script> 

뭔가 잘못하고 있어야합니다. 나는 또한 여기에 jQuery 워드 프로세서를 확인했다 : http://jqueryui.com/demos/autocomplete/ 그러나 이것이 일어날 이유를 설명하지 않는다. 그리고 적어도 내가 응답을 얻을 수 있는지 알기 위해 경고를 추가했지만, 단지 [object Object]을 반환합니다. 검색 결과를 표시하려면 무엇을해야합니까?

오류 : 라인 417에 Uncaught SyntaxError: Unexpected token ILLEGAL :

Answer 1

자동 완성 위젯이 데이터가 구문 분석 할 수 있도록 매우 구체적인 방식으로 포맷 할 것으로 기대하고있다. 당신이 response 콜백에 공급하거나 전달하는 배열은 다음과 같아야합니다

1. 문자열 배열, 또는
2. 라벨 속성이 객체와 배열하는 값 재산, 또는 두 가지 모두 . 당신은 사용자가 변경할 수없는 데이터 소스가있을 때

사용이

이 작업을 수행하는 일반적인 방법 (자세한 내용은 "개요"/ "예상 데이터 형식"에서 자동 완성의 설명서를 참조하십시오) 자동 완성이 기대하는 $.map는 형식으로 결과를 변환합니다 :

$("#spotify_song_search").autocomplete({ 
    source: function(request, response) { 
     $.get("http://ws.spotify.com/search/1/track.json", { 
      q: request.term 
     }, function(data) { 
      response($.map(data.tracks, function (el) { 
       return el.name; 
      })); 
     }); 
    } 
}); 

예 :이 http://jsfiddle.net/ANmUs/ (참고 :이 Firef에서 작동하는 표시되지 않습니다 황소 지금; 그것은 응답의 크기 때문일 수 있습니다. Chrome에서는 문제가 없습니다.)