从天气 API 获取每小时信息

Getting hourly info from weather API

本文关键字：每小时信息获取 API 更新时间：2023-09-26

我正在尝试从天气API访问每小时信息。问题是它对我不太有用，而且我不是 100% 确定如何访问这些信息。

这是我正在使用的网站，也是每小时信息的页面。http://www.wunderground.com/weather/api/d/docs?d=data/hourly&MR=1我有一种强烈的感觉，这与访问变量的方式有关......

这是我的代码：

<script>
            jQuery(document).ready(function($) {
              $.ajax({
                  url: "http://api.wunderground.com/api/6368023a57d122c7/geolookup/conditions/q/DominicanRepublic/Barahona.json",
                  dataType : "jsonp",
                  success : function(parsed_json) {
                      //get the hourly info --  cant get hourly to work...
                      var month = parsed_json['hourly_forecast']['FCTTIME']['mon_padded'];
                      var day = parsed_json['hourly_forecast']['FCTTIME']['mday_padded'];
                      var year = parsed_json['hourly_forecast']['FCTTIME']['year'];
                      var time = parsed_json['hourly_forecast']['FCTTIME']['civil'];
                      var updated = month + "/" + day + "/" + year + " " + time;

                      var weather = parsed_json['hourly_forecast']['condition'];
                      var temp = parsed_json['hourly_forecast']['temp']['metric'];
                      var humid = parsed_json['hourly_forecast']['humidity'];
                      var wind_direction = parsed_json['hourly_forecast']['wdir']['dir'];
                      var wind_speed = parsed_json['hourly_forecast']['wspd']['metric'];
                      var wind_string = wind_direction + " " + wind_speed + " Km/h";
                      document.getElementById("weather").innerHTML = weather;
                      document.getElementById("temp").innerHTML = temp;
                      document.getElementById("hum").innerHTML = humid;
                      document.getElementById("wind").innerHTML = wind_string;        


                  }
              });
            });
        </script>

如果从该 URL 打开 JSON 文件，您将看到它不包含"hourly_forecast"或"FCTTIME"。

编辑：

打开您正在下载的 JSON 文件，并查看它发回给您的字段。 JQuery 已经完成了困难的部分，并将其解析为对象模型。此外，Chrome 中的 JavaScript 调试器非常适合向您展示 JSON 对象模型。您可以在"成功"函数的开头设置断点，并使用"局部变量"窗口浏览 JSON 对象。

这是我更新它以使用 JSON 文件中的正确字段名称后的代码......

<script>
jQuery(document).ready(function ($) {
    $.ajax({
        url: "http://api.wunderground.com/api/6368023a57d122c7/geolookup/conditions/q/DominicanRepublic/Barahona.json",
        dataType: "jsonp",
        success: function (parsed_json) {
            var current_observation = parsed_json.current_observation;
            var lastUpdated = current_observation.observation_time;
            var weather = current_observation.weather;
            var temp = current_observation.temp_c;
            var humid = current_observation.relative_humidity;
            var wind_direction = current_observation.wind_dir;
            var wind_speed = current_observation.wind_kph;
            var wind_string = wind_direction + " " + wind_speed + " Km/h";
            alert("Weather: " + weather + "'n"
                + "Temp: " + temp + "'n"
                + "Humidity: " + humid + "'n"
                + "Wind: " + wind_string + "'n"
                + lastUpdated
                );
        }
    });
});
</script>