typeahead - Bootstrap 3 typeahead.js - 远程 url 属性

Question

我正在尝试调用我的远程 URL，并在 URL 中添加属性。

现在我正在工作:

$('#league').typeahead({
        remote: '/typeahead/get_league?query=%QUERY',
        limit: 10
});

现在我想做这样的事情:

$('#league').typeahead({
        remote: function () {
            var q = '/typeahead/get_league?query=%QUERY';
            if ($('#sport').val())
                q += "&sport=" + encodeURIComponent($('#sport').val());
            return base_url + q;
        },
        limit: 10
});

我想将 GET 属性“sport”添加到 URL，以便我可以缩小后端的查询范围。我尝试了上面的代码，但出现了 JS 错误。

以前版本的 Bootstrap Typeahead 允许这种类型的设置。它非常有用，因为每次按下按键时我都可以更新远程 URL。

知道如何使其适用于此版本吗？

Answer 1

remote 专用于 typeahead.js (不是 Bootstrap 的一部分)。但是您没有正确使用remote，它可以是字符串或对象，而不是函数。

当需要更改请求URL时，可以使用replace:

$('#league').typeahead({
    remote: {
        url: '/typeahead/get_league?query=%QUERY',
        replace: function () {
            var q = '/typeahead/get_league?query=%QUERY';
            if ($('#sport').val()) {
                q += "&sport=" + encodeURIComponent($('#sport').val());
            }
            return base_url + q;
        }
    },
    limit: 10
 });

查看文档 here

希望有帮助。