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',
}