Typeahead 不适用于 Jquery keyUp 函数

Question

我是 typeahead.js 的新手，并且正在使用引导搜索框进行自动完成......当我想在 document.ready 上加载数据（option1，option2..etc）时，我的 jquery 工作正常......这是以下代码...

$(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;
                  });
    });
});

我不知道我做错了什么......:(

Answer 1

你在ajax调用中的url查询字符串错误。

试试：

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