Twitter Bootstrap 使用 JSON 进行预输入

我如何将 Twitter Bootstrap Typeahead 与 JSON 结合使用。我的 Bootstrap 版本是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
});

另外，我想将它与模态元素一起使用，如果这改变了什么。

Thanks!

使用 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 示例。 http://jsfiddle.net/4XZMb/1018/
欲了解更多信息，请查看预先输入文档。 http://twitter.github.com/bootstrap/javascript.html#typeahead