Динамический источник данных в Bootstrap-3-машинописный

Question

Я работаю с https://github.com/bassjobsen/Bootstrap-3-Typeahead, и это хорошо с Bootstrap 3.

я следующий вопрос. Сейчас у меня есть триггер JQuery для ввода:

$.get('my_url?query=inter', function(data){ 
    $("#some_input").typeahead({ source:data }); 
},'json'); 

Как вы можете видеть сценарий достижения удаленного файла. И это нормально, но я хочу, чтобы переменная запроса была динамической. когда пользователь вводит значение для ввода, параметр будет меняться.

Я парень PHP, поэтому я застрял в этом jQuery ... Может кто-нибудь помочь найти решение?

Answer 1

Вы можете привязать конструкцию запроса к событию ввода вашего поля, например. :

$('#typeahead').on('input', function() { 
 
    var dynamicQuery = 'my_url?query=' + $(this).val(); 
 
    $('.query').html(dynamicQuery); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<input id="typeahead" type="text" /> 
 
<p class="query">my_url?query=</p>

В вашем случае, вы должны заменить:

$('.query').html(dynamicQuery); 

по

$.get(dynamicQuery, function(data){ 
$("#some_input").typeahead({ source:data }); 
},'json');