和事先鍵入的內容尋血獵犬 - 如何獲得JSON結果

Question

我有國家的JSON列表：http://vocab.nic.in/rest.php/country/json

而我試圖讓COUNTRY_ID和國家名稱與警犬建議引擎。 O嘗試以下代碼：

var countries = new Bloodhound({ 
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('country_name'), 
    queryTokenizer: Bloodhound.tokenizers.whitespace, 
    limit: 10, 
    prefetch: { 
     url: 'http://vocab.nic.in/rest.php/country/json', 
     filter: function(response) { 
      return response.countries; 
     } 
    } 
}); 

$('#my-input').typeahead({ 
     hint: true, 
     highlight: true, 
     minLength: 1 
    }, 
    { 
     name: 'states', 
     displayKey: 'value', 
     source: countries.ttAdapter() 
    }); 

哪一個不行。我應該如何更改代碼才能使其工作？

Answer 1

// instantiate the bloodhound suggestion engine 
var countries = new Bloodhound({ 
    datumTokenizer: function(countries) { 
     return Bloodhound.tokenizers.whitespace(countries.value); 
    }, 
    queryTokenizer: Bloodhound.tokenizers.whitespace, 
    remote: { 
    url: "http://vocab.nic.in/rest.php/country/json", 
    filter: function(response) {  
     return response.countries; 
    } 
    } 
}); 

// initialize the bloodhound suggestion engine 
countries.initialize(); 

// instantiate the typeahead UI 
$('.typeahead').typeahead(
    { hint: true, 
    highlight: true, 
    minLength: 1 
    }, 
    { 
    name: 'countries', 
    displayKey: function(countries) { 
    return countries.country.country_name;   
    }, 
    source: countries.ttAdapter() 
}); 

Example Codepen

輸出事先鍵入的內容

注：

• 您的服務器= 「預取」 數據。從外面=「遠程」
• 數據