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

Question

非常开始使用HTML和javascript，所以请耐心等待。作为一种项目，我一直试图在谷歌地图上覆盖会议办公室降雨层。我有地图和所有其他图层，如果我手动将其输入到代码中，我可以检索降雨层。

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

我想从'Rainfall'图层中检索'Time'数据。我知道这是由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);

 })
});