2012-11-30 3 views
1

부트 스트랩의 선행 기능을 사용하여 AJAX 호출을 사용하여 검색 창 드롭 다운을 채우려고합니다.부트 스트랩 선행 AJAX 호출 실패

나는 그것에 대해 몇 가지 게시물을 보았지만 가장 좋은 대답은 내 문제를 해결하지 못했습니다.

나는 입력에서 새 문자 하나를 탭하거나 지울 때마다 jquery.min.js (v1.8.1)에서 TypeError: a is undefined을 얻습니다.

저는 bootstrap-typeahead.js v2.1.1을 사용하고 있습니다.

HTML :

<input class="input-xlarge" id="search" type="text" data-provide="typeahead"> 

JS :

$('#search').typeahead({ 
    source: function (typeahead, query) { 
    return $.get('http://mywebsite.com/search', { query: query }, function(data){ 
    return typeahead.process(data); 
    }); 
} 
}); 

대상 :

function search() 
    { 
     echo json_encode(array('toto', 'tata', 'word')); 
    } 

나는이 기능은 내 jQuery를 lib 디렉토리를 충돌 할 수있는 방법을 이해하지 않습니다. ,

+0

해야한다 가장 확실하게받는 데이터입니다 (예 : "mywebsite"의 출력). – davidkonrad

+0

json으로 인코딩 된 배열 일뿐입니다. 샘플을 업데이트하여 보여줍니다. – Ludo

답변

0

$(function(){ 


      $('#search').typeahead({ 

       source: function (query, process) { 
        return $.getJSON(
         'http://mywebsite.com/search', 
         { query: query }, 
         function (data) { 
          return process(data); 
         }); 
       } 

      });   

     }); 

시도하고 JSON 넣어이

[ 
    "toto", 
    "tata", 
    "word" 
] 

처럼해야하며, HTML은이 기능이 "충돌"JQuery와없는

<input name="sometext" type="text" class="input-large" id="search" placeholder="type something"> 
관련 문제