Twitter typeahead.js远程和客户端搜索

你应该重新阅读文档。基本上有两件事你需要:

1. 使用 prefetch: 对象将所有数据从后端只带到客户端一次(如果我理解正确的话,这就是你想要的。)

2. 使用 filter 函数将这些结果转换为基准。返回的基准可以有 tokens 字段,这将是预编型搜索的依据,并且可以从您的所有数据中构建。

大致如下:

$('input.twitter-search').typeahead([{
    name: 'courses',
    prefetch: {
        url: '/url-path-to-server-ajax-that-returns-data',
        filter: function(data) {
            retval = [];
            for (var i = 0;  i < data.length;  i++) {
                retval.push({
                    value: data[i].courseCode,
                    tokens: [data[i].courseCode, data[i].courseName, data[i].university],
                    courseCode: data[i].courseCode,
                    courseName: data[i].courseName,
                    template: '<p>{{courseCode}} - {{courseName}}</p>',
                });
            }
            return retval;
        }
    }
}]);