Question

我想通过使用OpenWeatherMap API（获得API密钥）来创建一个显示当前天气信息（使用按钮）的网站。我是JavaScript的入门者，不知道如何调用API。我已经解决了与此相关的几个问题，并尝试了这些问题，但无法解决。

Answer 1

您可以使用普通的JS或JQuery来解决此问题。您需要向OpenWeatherMap服务器发出“ AJAX”请求。

它是这样完成的（在JQuery中，因为它要容易得多）：

$("button").click(function(){
  $.ajax({url: "http://api.openweathermap.org/data/2.5/forecast?id=524901&APPID={APIKEY}", success: function(result) {
    // Then you can use the data returned in result to change your page.
    $("#somediv").html(result.list[0].temp);
  }});
});

显然，您必须将{APIKEY}更改为您的 API密钥。然后，您可以访问数据（以JSON形式返回）。

返回的数据有些复杂，但是如果将其放入格式化程序，则应该能够弄清楚如何读取基本数据集。

您可以看到API返回here的示例。

关于该解决方案的说明，您必须获得JQUERY：https://code.jquery.com

您可以像这样在HTML文件中包含JQuery：

<script
  src="https://code.jquery.com/jquery-3.4.1.min.js"
  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
  crossorigin="anonymous"></script>

如何调用OpenWeatherMap API获取当前天气数据？

1 个答案: