如何将 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】:您还没有完成parenthesis
的getJSON
方法。除此之外,我对您的代码做了一些修改。
<!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 天的天气预报