我正在尝试获取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
时的输出图像答案 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,只是稍作修改。