jquery - 如何使用 twitter bootstrap 从 ajax 加载文本框中的数据？

Question

我尝试使用 bootstrap typeahead 函数在文本框中加载简单的 ajax 返回值。如果我通过警报检查它，它会返回数据，但是当我在文本框中输入时，什么也没有。我尝试在source:['albama','utah']没有 ajax 的情况下使用直接数据，它工作正常。我已经包含了所有相关文件。一世

<input type ="text" id ="subjects" data-provide="typeahead" />

<script>
$(document).ready(function() {


$('#subjects').typeahead

                ({
                        source: $.ajax({


                                          url: "./test/test.php",
                                           type: "POST",
                                          data: "search=" + $('#subjects').attr('value'),
                                        success: function(data)
                                        {

                                var subjects = ['Albamsa', 'Washington', 'New York', 'Arlington', 'New Jersey'];                                          return subjects;

                                        }
                                })



                });

});
</script>

Answer 1

尝试这样的事情

$('#subjects').typeahead({

    source: function (query, process) {
        return $.getJSON(
            './test/test.php',
            { query: query },
            function (data) {
                return process(data);
            });
    }

});

还可以json_encode在脚本中使用函数来获取返回值