如何将 OpenWeatherMap API 用于 Javascript?

Posted

技术标签:

【中文标题】如何将 OpenWeatherMap API 用于 Javascript?【英文标题】:How to use OpenWeatherMap API for Javascript? 【发布时间】:2015-11-08 10:56:13 【问题描述】:

我正在尝试使用 OpenWeatherMap API for javascript 创建一个天气应用程序。我的网络应用程序的代码是:

<!DOCTYPE html>
<html> 
    <head>
        <title>Weather</title>
        <script src = "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.2.min.js"></script>
        <script>
            function gettingJSON()
                document.write("jquery loaded");
                $.getJSON("api.openweathermap.org/data/2.5/weather?q=London&APPID=ee6596241130f193adf1ba90e625cc10",function(json)
                document.write(json);
            
        </script>
    </head>
    <body>
        <button id = "getIt" onclick = "gettingJSON()">Get JSON</button>
    </body>
</html>

我在这里做错了什么?

【问题讨论】:

); 在您的脚本末尾丢失 【参考方案1】:

您还没有完成parenthesisgetJSON 方法。除此之外,我对您的代码做了一些修改。

<!DOCTYPE html>
<html>
<head>
<title>Weather</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
    function gettingJSON()
        document.write("jquery loaded");
        $.getJSON("http://api.openweathermap.org/data/2.5/weather?q=London&APPID=ee6596241130f193adf1ba90e625cc10",function(json)
            document.write(JSON.stringify(json));
        );
    
    </script>
</head>
<body>
<button id = "getIt" onclick = "gettingJSON()">Get JSON</button>
</body>
</html>

http://jsfiddle.net/kqLeh3mz/

【讨论】:

以上是关于如何将 OpenWeatherMap API 用于 Javascript?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 android 的 OpenWeatherMap api 中更改描述语言

使用 OpenWeatherMap API 会出现 401 错误

如何使用 React Hooks 和 OpenWeatherMap API 获取 5 天天气预报

如何使用 openweathermap api 和 http 包获取每小时和 16 天的天气预报

带有 OpenWeatherMap 平铺层叠加的 Google Maps Javascript API

OpenWeatherMap API 与 Wunderground API?