如何显示来自 Web 服务的 json 数据

Question

我有那个链接http://api.openweathermap.org/data/2.5/weather?q=Andorra+la+Vella在浏览器上显示一个包含所有值的 json，所以我只需要选择风，然后temp，但我不知道如何提取它，该怎么做？

我想在“Andorra+la+Vella”&callback=myFunction 之后添加一个回调

并在 javascript 上开发一个代码来获取我需要的值，但是我这样做了并且出现了问题，这是一个简单的测试来尝试这个小应用程序，然后我将它添加到我的网络中：

<!DOCTYPE HTML>
<html lang="es">
<head>
    <meta charset="UTF-8">
<title>Test tiempo andorra</title>
<script type="text/javascript">

    function showTime(obj) {
        var dadIp=document.getElementById('time');
        dadIp.innerHTML+=obj.sunset.wind.speed;
    }
</script>
</head>
<body>
<div id="time">
    <h1>Test of Time in Andorra</h1>
</div>
<script type="text/javascript" src="http://api.openweathermap.org/data/2.5/weather?q=Andorra+la+Vella&callback=showTime"></script>
</body>
</html>

Answer 1

查看您的 JavaScript 错误控制台。

 Uncaught TypeError: Cannot read property 'wind' of undefined

然后看JSON源码。

obj.sunset不存在。 obj.sys.sunset确实如此。

obj.sunset.wind不存在。 obj.wind可以。

当使用正确的对象路径时，请参阅实时示例。

Answer 2

这种方式例如：

var obj = jQuery.parseJSON( '{ "name": "John" }' );
alert( obj.name === "John" )
;

如果您需要解析 DateTime，我建议使用 moment.js 库。

如何显示来自 Web 服务的 json 数据

问题描述

2 个解决方案

解决方案1
1 已采纳 2014-04-24 10:36:43

解决方案2
0 2014-04-24 10:36:32

如何显示来自 Web 服务的 json 数据

问题描述

2 个解决方案

解决方案1 1 已采纳 2014-04-24 10:36:43

解决方案2 0 2014-04-24 10:36:32

解决方案1
1 已采纳 2014-04-24 10:36:43

解决方案2
0 2014-04-24 10:36:32