0

如何将 json 值绑定到脚本并需要 html 中的输出。我试图获取天气的数据和图像，但没有解决方案。帮我

这是一个jQuery示例

$(function(){
   $.getJSON("http://query.yahooapis.com/v1/public/yql", {
      q: "select * from json where url=\"http://api.wunderground.com/api/91bbc8aab3ab1f34/geolookup/conditions/q/IN/Chennai.json\"",
      format: "json"
}, function(data) {
   var $content = $("#content")
   if (data.query.results) {
     $content.text(JSON.stringify(data.query.results));
   } else {
      $content.text('no such code: ' + code);
   }

 });
});​

html中的代码

<script type="text/javascript" src="http://ajax.cdnjs.com/ajax/libs/json2/20110223/json2.js"></script>

内容是 div，图标是图像标签

<div id="content">
<img id="weather_icon" />

当我运行应用程序时，它只需要数据。我需要来自 api 的天气图像和数据。请帮忙

4

2 回答 2

0

试试这个，能够显示天气图标。我修改了 jQuery 以通过将 url 设置为图像标签来显示图像。只需挖掘您希望在内容 div 中显示的数据。

        $(function(){
        $.getJSON("http://query.yahooapis.com/v1/public/yql", {
            q: "select * from json where url=\"http://api.wunderground.com/api/91bbc8aab3ab1f34/geolookup/conditions/q/IN/Chennai.json\"",
            format: "json"
            }, 
            function(data) {
                // Dig for the data from the JSON object. 
                //  The image URL can be found at: query > results > json > current_location > icon_url
                $('#weather_icon').attr('src', data.query.results.json.current_observation.icon_url);
                //  Do the same for any data you want displayed for the content to be displayed..
            });
    });
于 2012-12-12T08:33:42.930 回答
0

根据你提供的小提琴..

我用 full 来显示城市名称<p id="temp"></p>。

$('#temp').html(data.query.results.json.current_observation.display_location.full);

这是小提琴

http://jsfiddle.net/SH7Ku/1/

更新

这是更新的小提琴....有温度

http://jsfiddle.net/SH7Ku/2/

同样你可以做休息...

于 2012-12-12T12:13:13.277 回答