jQuery-使用twitter bootstrap中的Typeahead 的时候如何用ajax动态获得数据?

jQuery-使用twitter bootstrap中的Typeahead 的时候如何用ajax动态获得数据?

夜无邪 发布于 2016-12-12 字数 340 浏览 1112 回复 2

关于twitter bootstrap的Typeahead :
http://twitter.github.com/bootstrap/javascript.html

目前我的需求是,提示的数据是动态获取,比如可以通过ajax请求获得。这样应该如何使用Typeahead 呢?最好不要动bootstrap的源码以方便以后升级。

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

泛泛之交 2017-09-29 2 楼

推荐一个改进版:
https://github.com/pwarelis/Ajax-Typeahead

如果怕影响升级,升级是记得更新下或者合并下就行了。想要这个功能就得有些取舍。

清晨说ぺ晚安 2017-01-08 1 楼

就我了解的 bootstrap目前没有让其支持ajax的方式。
你可以看看这个改进版:
https://gist.github.com/1866577

使用方法应该满足你的要求:

$('.typeahead').typeahead({
source: function (typeahead, query) {
return $.post('/typeahead', { query: query }, function (data) {
return typeahead.process(data);
});
}
});