Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 带SODA数据源的引导式typeahead_Javascript_Jquery_Twitter Bootstrap_Bootstrap Typeahead_Soda - Fatal编程技术网

Javascript 带SODA数据源的引导式typeahead

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”, “地点”:{ “需要重新编码

我正在尝试使用引导程序typahead,为数据源提供一个SODA端点。SODA端点返回一个JSON数组,可以使用简单的查询字符串进行查询

端点的示例:
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检查源,而不是预定义的区域列表。