javascript - Typeahead.js 不显示异步结果

Question

我正在努力在搜索字段中实现 typeahead.js，但我遇到了异步结果仅偶尔显示一次的问题，而本地结果始终有效。

我的建议后端返回此 JSON 数据:

[{
    "query": "anders troelsen",
    "hits": "1197",
    "queryCount": "39"
},
{
    "query": "anders fogh jensen",
    "hits": "295",
    "queryCount": "38"
}]

在代码中，我想将上面的 JSON 转换为字符串数组，然后显示它。这是建议器代码:

    var localSuggestResults = ["anders and", "anders ladekarl", "anders høg nissen"];

    var searchSuggestions = new Bloodhound({
        datumTokenizer: Bloodhound.tokenizers.whitespace,
        queryTokenizer: Bloodhound.tokenizers.whitespace,
        local: localSuggestResults,

        remote: {
            url: '/services/suggest?prefix=%QUERY',
            wildcard: '%QUERY',

            transform: function (suggestions) {
                var suggestionArray = suggestions.map(function(suggestion) {
                    return suggestion.query
                });

                return suggestionArray;
            }
        }

    });

    $("#query").typeahead({
        hint: true,
        highlight: true,
        minLength: 1
    },
    {
        source: searchSuggestions
    });

对于我做错了什么有什么建议吗？非常感谢!

Answer 1

回复晚了。但在此期间库没有改变。

当您在 ajax 选项中设置 {async:true} 时，asyncResult 会起作用。将 source 设置为您自己的函数，该函数从服务器获取结果。