Bootstrap 2 有很多 typeahead ajax 示例,例如这里twitter bootstrap typeahead ajax 示例 https://stackoverflow.com/questions/9232748/twitter-bootstrap-typeahead-ajax-example.
但是我使用的是 Bootstrap 3,我找不到完整的示例,而是只有一堆不完整的信息片段,其中包含其他网站的链接,例如这里Bootstrap 3 RC 1 中的 typeahead JavaScript 模块在哪里? https://stackoverflow.com/questions/17903645/where-is-the-typeahead-javascript-module-in-bootstrap-3-rc-1
有人可以发布一个完整的示例,说明如何在 bootstrap 3 中使用 typeahead,如果每次用户更改输入时通过 ajax 从服务器加载数据。
通过 bootstrap3-typeahead,我使其可以使用以下代码:
<input id="typeahead-input" type="text" data-provide="typeahead" />
<script type="text/javascript">
jQuery(document).ready(function() {
$('#typeahead-input').typeahead({
source: function (query, process) {
return $.get('search?q=' + query, function (data) {
return process(data.search_results);
});
}
});
})
</script>
后台提供搜索服务search
GET 端点,接收查询q
参数,并返回格式为 JSON{ 'search_results': ['resultA', 'resultB', ... ] }
。的要素search_results
数组显示在预输入输入中。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)