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

需求定制 需求定制 主题:1050 回复:2283

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

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

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

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

发布评论

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

支持 Markdown 语法,需要帮助?

评论(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);
});
}
});