autocomplete – twitter bootstrap 3.0 typahead ajax示例

前端之家收集整理的这篇文章主要介绍了autocomplete – twitter bootstrap 3.0 typahead ajax示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有很多类型的头像ajax示例在那里为bootstrap 2,例如这里这里 twitter bootstrap typeahead ajax example

但是我使用引导3,我找不到一个完整的例子,而只是一堆不完整的信息片段与其他网站的链接,例如这里Where is the typeahead javascript module in bootstrap 3 RC 1?

有人可以在每次用户更改输入时,通过ajax从服务器加载数据,然后再发布一个关于如何使用引导程序3使用typeahead的完整工作示例。

解决方法

使用bootstrap3 -a打头像,我使用以下代码
<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>

后端在搜索GET端点提供搜索服务,在q参数中接收查询,并返回格式为{‘search_results’:[‘resultA’,’resultB’,…]}的JSON。 search_resultsarray的元素显示在前导输入中。

原文链接:https://www.f2er.com/bootstrap/234339.html

猜你在找的Bootstrap相关文章