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

时间:2013-04-08 08:41:11

标签: jquery twitter-bootstrap bootstrap-typeahead

我尝试使用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>

1 个答案:

答案 0 :(得分:0)

尝试这样的事情

$('#subjects').typeahead({

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

});

在脚本中使用json_encode函数返回值