2011-10-20 2 views
1

jQuery 자동 완성에서 어떻게 구현할 수 있습니까?위키 백과 API Json으로 자동 완성

$("#searchForm input").autocomplete({ 
     source: function (request, response) { 
      $.ajax({ 
       url: "http://en.wikipedia.org/w/api.php", 
       dataType: "jsonp", 
       data: { 
        maxRows: 10, 
       }, 
      }); 
     }, 

    }); 

답변

1

편집 : 당신이 this example 보면

, 당신은 JSONP 예를 원격 호출 자신의 예제의 소스와 sucess 기능에

모습을 볼 수 있습니다. jsonp 필드를 매핑하여 자동 완성에 필요한 데이터를 사용하는 것처럼 보입니다. 피들러를 사용하여 json이 자신의 예에서 내려 오는 것을 확인하십시오.

success: function(data) { 
response($.map(data.geonames, function(item) { 
         return { 
          label: item.name + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName, 
          value: item.name 
         } 
        })); 
       } 
+0

감사합니다. 나는 그곳에서 읽었으며 그 곳에서 제가 여기까지 왔을 때 – jQuerybeast

+0

그래서 당신의 질문에 대답합니까, 아니면 여전히 도움이 필요합니까? 이 질문에 답변이 있다면 그 것으로 표시하십시오. 감사합니다 – Eonasdan

+0

그것은 내 질문에 대답하지 않습니다. 이미 읽은 것을 언급 한 것을 읽도록 알려줌으로써 답하는 것은 내 질문에 답하지 못합니다. – jQuerybeast

관련 문제