Bootstrap Typeahead AJAX

Question

我在Twitter Bootstrap（ https://github.com/biggora/bootstrap-ajax-typeahead ）中使用了typeahead的修改版本，该版本简化了远程数据的使用。 我遇到的问题是我的AJAX调用网址取决于我选择输入中的选择选项。

var subjectId = $('#chapters-open-subject option:selected').val();      
    $('#chapters-edit-title').typeahead({
        onSelect: function(item){
            $('#chapters-edit-submit').attr('disabled',false).removeClass('btn-default').addClass('btn-primary');
        },
        ajax: {
            url: '/admin/misc/chapters/search/'+subjectId
        },
        displayField: 'naslov'
    });

问题是，即使我更改了选择框中的选项，AJAX请求中的URL也保持不变，并且没有相应地更改。 我该如何解决这个问题？

Answer 1

您也许可以摆脱像这样的东西：

var subjectId = $('#chapters-open-subject option:selected').val();

var $typeahead = $('#chapters-edit-title').typeahead({
    onSelect: function(item){
        $('#chapters-edit-submit').attr('disabled',false).removeClass('btn-default').addClass('btn-primary');
    },
    ajax: {
        url: '/admin/misc/chapters/search/' + subjectId
    },
    displayField: 'naslov'
});

$('#chapters-open-subject').on('change', function() {
    subjectId = $(this).val();
    $typeahead.data('typeahead').options.ajax.url = '/admin/misc/chapters/search/' + subjectId;
});

如果那行不通，我建议在GitHub上发布该库的问题。 设置后，它似乎不具备轻松更改URL的功能。

Answer 2

ajax : 
{
  preDispatch : function() { return { q: $("#subjectId").val() }},
  url: '/admin/misc/chapters/search/'+ ,
  method : 'get',
  displayField : 'naslov',
}