如何从Web服务中显示json数据

时间:2014-04-24 10:32:16

标签: javascript json

我有一个链接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>

2 个答案:

答案 0 :(得分:1)

查看您的JavaScript错误控制台。

 Uncaught TypeError: Cannot read property 'wind' of undefined

然后查看JSON源代码。

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

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

使用正确的对象路径时,请参阅a live example

答案 1 :(得分:0)

这种方式例如:

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

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