jquery - 从 Json 检索数据以输入到下拉框中

Question

对 HTML 和 javascript 的入门非常多，所以请多多包涵。作为一个项目，我一直在尝试将气象办公室的降雨层覆盖在谷歌地图上。我有地图和所有其他图层，如果我手动将它输入到代码中，我可以检索降雨图层。

使用 JSON 文件： http ://datapoint.metoffice.gov.uk/public/data/layer/wxobs/all/json/capabilities?key=db801cab-6195-4c7b-8c86-a0ab8fdf1a72

我想从“降雨”图层中检索“时间”数据。我知道这是由 JQUERY 完成的，但我无法让它工作。下面似乎是我尝试将时间放入变量的最佳方式。然后我想使用这些变量放入下拉框中。

任何帮助表示赞赏。

编辑代码

$.getJSON('http://datapoint.metoffice.gov.uk/public/data/layer/wxobs/all/json/capabilities?    key=db801cab-6195-4c7b-8c86-a0ab8fdf1a72&callback=?', function(data) {
  if(typeof data == "object" && data.post)
  $.each(data.layer, function(index, val) {
  if( val.LayerName == 'Rainfall'){
    var time = val.time,
    rain = val.LayerName;
  }     
document.write(time);

 })
});