栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

Ajax调用填充Typeahead Bootstrap

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Ajax调用填充Typeahead Bootstrap

我从头开始:

$('#typeahead').typeahead({    source: function (query, process) {        return $.getJSON( 'path/to/lookup', { query: query }, function (data) {     return process(data); });    }});

data
一个简单的JSON数组在哪里?

 [   "John",   "Jane",   "Alfredo",   "Giovanni",   "Superman" ]

如果您的

data
数组具有不同的结构,则在将其传递给
process()
方法之前重新排列它即可。

您可以在此处找到一个实时示例。

编辑-根据您的json数据:

[    {'id':'0', 'name':'John'},    {'id':'1', 'name':'Jane'},     {'id':'2', 'name':'Alfredo'},    ...}

getJSON
回调变为:

function (data) {    var newData = [];    $.each(data, function(){        newData.push(this.name);    });    return process(newData);});


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/401708.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号