Typeahead不工作与jquery keyUp函数

Question

我是新手typeahead.js和工作自动完成与引导搜索框....我的jquery工作正常，当我想加载数据（option1，option2..etc）on的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负荷区.. ..喜欢从用户的查询和设置结果输入文本框.....这里是我正在尝试

$(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

您的网址在Ajax调用查询字符串是错误的。

尝试：

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