0

我正在使用引导程序并使用预输入。我可以使用以下方法为输入字段设置类型提前：

var subjects = ['PHP', 'MySQL', 'SQL', 'PostgreSQL', 'HTML', 'CSS', 'HTML5', 'CSS3', 'JSON'];
$('#search-field').typeahead({source: subjects});

但这是静态的。我想提供自动建议功能，因此当用户键入字符/单词时，我会获取用户键入的查询并发出 http 请求以获取 JSON 格式的建议。以下是我执行此操作的代码：

$('#search-field').on('keyup', function(){
// fetch the search query
var query = $(this).val();
// array containing suggestions
var suggestions=[];

$.getJSON('http://localhost:8983/solr/suggest/?q='+ query +'&wt=json&json.wrf=?', {

})
    .done(function(response){
        console.log(response);
        $.each(response.spellcheck.suggestions[1].suggestion, function(){
            // add the suggestions into the array
            suggestions.push(this);
        });

        // set the source for typeahead
        $('#search-field').typeahead({source: suggestions});
        // how to trigger the search field to show these suggestions now???
    });

如您所见，我获取建议，创建一个数组并设置预先输入的来源。但是建议不会显示，因为必须输入一些东西，这样做会再次调用我的'keyup'事件处理程序:(！所以有没有办法解决这个问题并在源注册后立即显示预输入为了它？？

4

1 回答 1

3

请求的功能已经内置到 typeahead 库中，它允许源是一个函数，如下面给出的文档所示

$('#search-field').typeahead({
    source: function(query, process){
        $.getJSON('http://localhost:8983/solr/suggest/?q='+ query +'&wt=json&json.wrf=?', {

        }).done(function(response){
            var suggestions=[];
            $.each(response.spellcheck.suggestions[1].suggestion, function(){
                // add the suggestions into the array
                suggestions.push(this);
            });

            process(suggestions)
        });
    }
});
于 2013-07-08T08:27:16.510 回答