Question

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

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

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

我正在使用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 out put应该是这样的

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

和html应该是

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

Bootstrap typeahead AJAX调用失败

1 个答案: