ajax - Bootstrap 预输入 AJAX 调用失败

Question

我正在尝试使用引导程序中的预先输入功能来使用 AJAX 调用填充搜索栏下拉列表。

我看到了一些关于它的帖子，但最好的答案并没有解决我的问题。

TypeError: a is undefined每次点击或删除输入中的一个新字母时，我都会从 jquery.min.js (v1.8.1) 获得一个。

我正在使用 bootstrap-typeahead.js v2.1.1。

HTML：

<input class="input-xlarge" id="search" type="text" data-provide="typeahead">

JS：

$('#search').typeahead({
  source: function (typeahead, query) {
     return $.get('http://mywebsite.com/search', { query: query }, function(data){
     return typeahead.process(data);
   });
 }
});

目标：

    function search()
    {
      echo  json_encode(array('toto', 'tata', 'word'));
    }

我不明白这个函数如何使我的 jQuery 库崩溃。

Answer 1

尝试这个

$(function(){


            $('#search').typeahead({

                source: function (query, process) {
                    return $.getJSON(
                        'http://mywebsite.com/search',
                        { query: query },
                        function (data) {
                            return process(data);
                        });
                }

            });         

        });

输出的json应该是这样的

[
    "toto",
    "tata",
    "word"
]

和 html 应该是

<input name="sometext" type="text" class="input-large" id="search"  placeholder="type something">