Typeahead顯示結果爲undefined

Question

我正在嘗試使用typeahead來顯示Google建議。

AJAX調用工作正常，正常返回的數據：

之前執行恢復處理（數據）; 數據包含以「w」開頭的字符串數組。

數據= 「沃爾瑪」， 「天氣」， 「富國銀行」， 「worldstarhiphop」， 「沃爾格林」， 「維基百科」， 「白頁」， 「世界盃」， 「WebMD的」， 「天氣雷達」]

但是，顯示的建議顯示「未定義」，而不是真正的單詞。 有什麼想法我在這裏失蹤？謝謝。

<input type="text" class="typeahead" placeholder="Search"> 


    $('.typeahead').typeahead({ 
     hint: true, 
     highlight: true, 
     minLength: 1 
    }, 
    { 
     source: function (query, process) { 
      $.getJSON("Home/Suggest", { query: query }, function (data) { 
       return process(data); 
      }); 
     } 
    }); 

Answer 1

更新：

經過一番研究，我發現了一個回答我的問題，並會張貼在這裏，如果有人需要它。

訣竅是 - 「進程」 回調函數期望的結果的格式：

[{值： 「字符串1」}，{值： 「字符串2」}，{值： 「STRING3」}]

而不僅僅是一串字符串。

$('.typeahead').typeahead(
{ hint: true, highlight: true, minLength: 1 }, // options 
{ 
    source: function (query, process) { // source dataset, data = array of strings 
     $.getJSON('Home/Suggest', { query: query }, function (data) { 
      //data=["string1", "string2", "string3"] 
      //process callback function needs it 
      //in a format [{value: "string1"}, {value: "string2"}, {value: "string3"}] 
      var output = $.map(data, function (string) { return { value: string }; }); 
      process(output); 
     }); 
    } 
});