Twitter與JSON的自舉typeahead

Question

我如何使用JSON的Twitter Bootstrap Typeahead。我的引導版本是2.2.1

我的JSON響應

[{"label":"Sistemski Administrator","value":"1"},{"label":"Jure Hotujec","value":"3"},{"label":" ","value":"4"},{"label":"Simona Jamnik","value":"5"},{"label":"Ma\u0161a Mu\u0161i\u010d","value":"6"},{"label":" ","value":"7"}] 

所有我現在所得到的是這一點，但源必須是陣列，在我的情況下，它是JSON

$("#typeahead").autocomplete({ 
    soruce : soruce 
}); 

另外我想使用它與模態元素，如果這改變了什麼。

謝謝！

Answer 1

使用jQuery的parseJson方法，然後將它傳遞給typeahead的source參數。

var jsonString = '[{"label":"Sistemski Administrator","value":"1"},{"label":"Jure Hotujec","value":"3"},{"label":" ","value":"4"},{"label":"Simona Jamnik","value":"5"},{"label":"Ma\u0161a Mu\u0161i\u010d","value":"6"},{"label":" ","value":"7"}]'; 
var jsonObj = $.parseJSON(jsonString); 
var sourceArr = []; 

for (var i=0; i<jsonObj.length; i++) { 
    sourceArr.push(jsonObj[i].label); 
} 

$("#typeahead").typeahead({ 
    source : sourceArr 
}); 

這裏有一個jsfiddle example.
欲瞭解更多信息，請查看typeahead docs.