无法检索json数据

时间:2012-01-07 15:15:42

标签: javascript jquery json jsonp

我正在尝试获取json数据,但我无法这样做。我正在尝试获取特定城市的天气数据。这是我的json数据

{ 
"data": 
{ 
    "current_condition": 
    [ 
        {
            "cloudcover": "100", 
            "humidity": "100", 
            "observation_time": "01:07 PM", 
            "precipMM": "0.2", 
            "pressure": "993", 
            "temp_C": "-6", 
            "temp_F": "21", 
            "visibility": "10", 
            "weatherCode": "368",  
            "weatherDesc": 
            [ 
                {
                    "value": "Light snow showers" 
                } 
            ],  
            "weatherIconUrl": 
            [ 
                {
                    "value": "http:\/\/www.worldweatheronline.com\/images\/wsymbols01_png_64\/wsymbol_0027_light_snow_showers_night.png" 
                } 
            ], 
            "winddir16Point": "N", 
            "winddirDegree": "360", 
            "windspeedKmph": "9", 
            "windspeedMiles": "6"
        } 
    ],  
    "request": 
    [ 
        {
            "query": "Tampere, Finland", 
            "type": "City" 
        } 
    ],  
    "weather": 
    [ 
        {
            "date": "2012-01-07", 
            "precipMM": "2.3", 
            "tempMaxC": "-4", 
            "tempMaxF": "25", 
            "tempMinC": "-8", 
            "tempMinF": "17", 
            "weatherCode": "326",  
            "weatherDesc": 
            [ 
                {
                    "value": "Light snow" 
                } 
            ],  
            "weatherIconUrl": 
            [ 
                {
                    "value": "http:\/\/www.worldweatheronline.com\/images\/wsymbols01_png_64\/wsymbol_0011_light_snow_showers.png" 
                } 
            ], 
            "winddir16Point": "NNW", 
            "winddirDegree": "336", 
            "winddirection": "NNW", 
            "windspeedKmph": "9", 
            "windspeedMiles": "5" 
        }, 
        {
            "date": 
            "2012-01-08", 
            "precipMM": "0.0", 
            "tempMaxC": "-7", 
            "tempMaxF": "19", 
            "tempMinC": "-9", 
            "tempMinF": "17", 
            "weatherCode": "116",  
            "weatherDesc": 
            [ 
                {
                    "value": "Partly Cloudy" 
                } 
            ],  
            "weatherIconUrl": 
            [ 
                {
                    "value": "http:\/\/www.worldweatheronline.com\/images\/wsymbols01_png_64\/wsymbol_0002_sunny_intervals.png" 
                } 
            ], 
            "winddir16Point": "SSE", 
            "winddirDegree": "148", 
            "winddirection": "SSE", 
            "windspeedKmph": "5", 
            "windspeedMiles": "3" 
        } 
    ] 
}
}

以下是我尝试使用jquery

的方法
var container = $('.weatherContainer');
        var url = 'http://free.worldweatheronline.com/feed/weather.ashx?q=Tampere&format=json&num_of_days=2&key=a84523bbed133415120701&callback=?';
        $.getJSON(url, function(w) {
            //console.log(w.data);
            var contents = "<div class='c'>";
            $.each(w.data, function(i, res){
                //alert('h');
                $.each(res.weather, function(j,action) {
                    //alert('i');
                    contents += "<section>" + action.tempMaxC + "</section>";
                });
            });
            contents += "</div>";
            container.append(contents);
        });

请帮助。我怎样才能实现它?上面的代码对我不起作用。

这里的错误是什么

object is undefined
length = object.length,                                   jquery-latest.js (line 630) 

我想获取天气对象内的数据。我怎么能得到它?

好的,这是我取消注释console.log enter link description here

时的输出图像

1 个答案:

答案 0 :(得分:4)

您的问题是嵌套的“每个”循环。您正在告诉响应的data对象中的每个对象的jQuery,找到其中的每个weather对象并迭代它。只有一个weather对象,它直接在data内,所以删除外部循环并简化这个单循环:

$.each(w.data.weather, function(i, res) {        
    contents += "<section>" + res.tempMaxC + "</section>";
});

总而言之,你非常接近。这是a working fiddle of your code,只是稍作修改。