Javascript 带SODA数据源的引导式typeahead
我正在尝试使用引导程序typahead,为数据源提供一个SODA端点。SODA端点返回一个JSON数组,可以使用简单的查询字符串进行查询 端点的示例:Javascript 带SODA数据源的引导式typeahead,javascript,jquery,twitter-bootstrap,bootstrap-typeahead,soda,Javascript,Jquery,Twitter Bootstrap,Bootstrap Typeahead,Soda,我正在尝试使用引导程序typahead,为数据源提供一个SODA端点。SODA端点返回一个JSON数组,可以使用简单的查询字符串进行查询 端点的示例: https://soda.demo.socrata.com/resource/earthquakes.json?region=Washington 摘自: 在这种情况下,Washington是用户可能在输入中键入的内容 以Washington为例返回的JSON示例: [{ “地区”:“华盛顿”, “来源”:“uw”, “地点”:{ “需要重新编码
https://soda.demo.socrata.com/resource/earthquakes.json?region=Washington
摘自:
在这种情况下,Washington
是用户可能在输入中键入的内容
以Washington
为例返回的JSON示例:
[{
“地区”:“华盛顿”,
“来源”:“uw”,
“地点”:{
“需要重新编码”:错误,
“经度”:“-120.0137”,
“纬度”:“47.3452”
},
“震级”:“3.3”,
“站点数量”:“38”,
“日期时间”:“2012-09-13T17:33:45”,
“地震id”:“60451342”,
“深度”:“12.70”,
“版本”:“1”
}
, {
“地区”:“华盛顿”,
“来源”:“uw”,
“地点”:{
“需要重新编码”:错误,
“经度”:“-122.4432”,
“纬度”:“46.5543”
},
“震级”:“1.1”,
“车站数量”:“31”,
“日期时间”:“2012-09-13T11:52:57”,
“地震识别号”:“60451197”,
“深度”:“16.60”,
“版本”:“2”
}]
抱歉,如果JSON的格式很奇怪
到目前为止,我无法让typeahead正常工作,也找不到足够的文档说明如何检索此类数据。如果您想在用户从选项中选择时调用url,可以使用
更新程序
$("#sourceInput").typeahead({
source:function(query,process){
var url = 'https://soda.demo.socrata.com/resource/earthquakes.json?region=' + query;
$.getJSON(url,function(resp){
process(resp)
});
},
updater: function(item){
var url = 'https://soda.demo.socrata.com/resource/earthquakes.json?region=' + item;
$.getJSON(url,function(resp){
//do something with json response
});
//return the item for the input
return item;
}
});
你想在前面的字体中看到什么?区域列表或每个区域的其他字段?在本例中,是区域列表。typeahead可能会返回用户键入的区域列表,最终将确定在华盛顿
上。SODA是否提供可能的区域列表?这是您需要使用的,而不是获取某个区域的数据。我可能可以查询数据源以获取可能区域的列表,然后在更新程序中使用该列表。问题是,我需要根据用户键入的url检查源,而不是预定义的区域列表。