jquery – Twitter Typeahead.js Bloodhound远程返回undefined

var films = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),queryTokenizer: Bloodhound.tokenizers.whitespace,remote: '../widgets/films.json'
});

films.initialize();

$('#films .typeahead').typeahead(null,{
    name: 'films',displayKey: 'value',source: films.ttAdapter()
});

解决方法

您需要将JSON数组转换为JavaScript对象数组. JavaScript对象有一个名为“value”的变量,它有一个电影标题作为其值;正是这个“值”变量被显示键使用,例如

remote: {
        url: '../widgets/films.json',filter: function (films) {
            // $.map converts the JSON array into a JavaScript array
            return $.map(films.results,function (film) {
                return {
                    // NB : replace original_title below with your JSON film key
                    value: film.original_title
                };
            });
        }
    }

如果你包含了films.json输出的样本,那么上面的例子可以得到改进(因为我可以使用你需要的确切值).

有关扩展示例和jsfiddle,请参阅this答案.