Typeahead не работает с функцией JQuery KeyUp

Question

Я новичок в typeahead.js и работаю над автозавершением с помощью окна поиска bootstrap .... мой jquery отлично работает, когда я хотел загрузить данные (опция1, option2..etc) на document.ready ..... вот следующий код ...

$(function() { 
      function displayResult(item) { 
       $('.alert').show().html('You selected <strong>' + item.value + '</strong>: <strong>' + item.text + '</strong>'); 
      } 

      $(document).ready(function() { 
        $.ajax({ 
           type: 'GET', 
           url:'QuickSearch?City='+"Bengaluru", 
           dataType: 'json', 
           success: function(data){ 
            var j=jQuery.parseJSON(data.jsonAreaList); 
            var cool=j; 
           $('#demo1').typeahead({ 
            source: j, 
            onSelect: displayResult 
           }); 

             }, 
             error: function(data) 
             {//When fails to load the Areas. 

             } 
          }); 
          return false; 
        }); 

Все районы становятся загружены правильно .... теперь мое требование я не хочу, чтобы загрузить область на document.onready .. ..like принять запрос от пользователей и установить результат машинописный текстовое поле ..... вот что я пытаюсь

$(function() { 
      function displayResult(item) { 
       $('.alert').show().html('You selected <strong>' + item.value + '</strong>: <strong>' + item.text + '</strong>'); 
      } 

      $(document).ready(function() { 
      $("#SearchBox").keyup(function() { 
       var city=$("#SearchBox").val(); 
        $.ajax({ 
           type: 'GET', 
           url:'QuickSearch?City='+city, 
           dataType: 'json', 
           success: function(data){ 
            var j=jQuery.parseJSON(data.jsonAreaList); 
            var cool=j; 
           $('#demo1').typeahead({ 
            source: j, 
            onSelect: displayResult 
           }); 

             }, 
             error: function(data) 
             {//When fails to load the Areas. 

             } 
          }); 
          return false; 
        }); 
    }); 
}); 

Я не getti ng, где я делаю неправильно .... :(

Answer 1

Ваш URL-адрес Строка запроса в вызове ajax неверна.

Try:

url:'QuickSearch?City='+city; //you have a typo in your code