2013-04-08 52 views
0

我試圖用bootstrap typeahead函數在文本框中加載簡單的ajax返回值。如果我通過提醒來檢查它是否返回數據,但是當我在文本框中鍵入時,什麼也沒有。我嘗試使用直接數據到source:['albama','utah']沒有AJAX它工作正常。我已經包含了所有相關的文件。我如何使用twitter bootstrap從ajax加載文本框中的數據?

<input type ="text" id ="subjects" data-provide="typeahead" /> 

<script> 
$(document).ready(function() { 


$('#subjects').typeahead 

       ({ 
         source: $.ajax({ 


              url: "./test/test.php", 
              type: "POST", 
              data: "search=" + $('#subjects').attr('value'), 
             success: function(data) 
             { 

           var subjects = ['Albamsa', 'Washington', 'New York', 'Arlington', 'New Jersey'];           return subjects; 

             } 
           }) 



       }); 

}); 
</script> 

回答

0

嘗試這樣的事情

$('#subjects').typeahead({ 

    source: function (query, process) { 
     return $.getJSON(
      './test/test.php', 
      { query: query }, 
      function (data) { 
       return process(data); 
      }); 
    } 

}); 

還可以使用json_encode功能在你的腳本返回的值

相關問題