javascript - 将文件指定为 Twitter Bootstrap 提前输入功能的源

Question

我正在尝试在我的网页中实现 Bootstrap 预输入功能。JS 代码如下：

<script>
var subjects = ['PHP', 'MySQL', 'SQL', 'PostgreSQL', 'HTML', 'CSS', 'HTML5', 'CSS3', 'JSON'];
$('#search').typeahead({source: subjects})
     </script>

输入框的HTML代码如下：

<input name="IPinput" id="search" type="text" autocomplete="off"  class="span3" placeholder="Type for auto suggest" data-provide="typeahead" data-items="4" />

这工作得很好。但是，我的实际数据源有接近 2000 个奇怪的条目，我真的不想用所有这些数据弄乱我的 HTML 页面。我可以在 javascript 中引用 HTML 页面上的文件吗？进入？

Answer 1

是的，Bootstrap 允许你定义一个函数来获取源数据，在那里你可以使用 AJAX 来加载你的文本文件，如下所示：

$('#search').typeahead({
    source: function(query, process){
        return $.get('path/to/source.txt', function (data) {
            return process(data.split(','));
        });
    }
});

上面的示例将从逗号分隔的关键字列表中创建一个数组