//**********************************************************************************
//날씨 아이콘 추가 시작
// API : http://api.openweathermap.org/data/2.5/weather?q=seoul,kr
// Icon : http://bugs.openweathermap.org/projects/api/wiki/Weather_Condition_Codes
//**********************************************************************************
var WeatherMain="";
var WeatherIcon="";
var WeatherTemp="";
function RequestWeather() {
var param = {"q":"seoul"};
// cross-domain 접근을 위해 callback 추가
var json;
$.ajax({
url : "http://api.openweathermap.org/data/2.5/weather",
data : "q=seoul&callback=fnWeather",
dataType : "jsonp",
jsonp : "callback"
});
}
function fnWeather(res)
{
$.each(res, function(key,val){
if (key=="weather") {
$.each(val, function(key2,val2){
$.each(val2, function(key3,val3){
if (key3=="main") {
WeatherMain = val3;
} else if (key3=="icon"){
WeatherIcon = val3;
}
});
});
} else if (key=="main") {
$.each(val, function(key2,val2){
if (key2=="temp") {
WeatherTemp = val2;
}
});
}
});
//alert(WeatherMain+", "+WeatherIcon);
if (WeatherIcon != "") {
$("#spnWeather").html("<img src='http://openweathermap.org/img/w/"+WeatherIcon+".png' border='0' width='40'>");
}
if (WeatherTemp != "") {
WeatherTemp=(WeatherTemp-273.15).toFixed(1) //절대온도를 섭씨온도로 변경
$("#spnTemp").html(WeatherTemp+"℃)");
}
}
//날씨 아이콘 추가 끝
'JAVASCRIPT' 카테고리의 다른 글
jquery 타이머 (0) | 2014.12.25 |
---|---|
[jQuery] window와 document 비교 (0) | 2013.07.09 |
jQuery ajaxForm plugin (form submit) (0) | 2013.06.17 |
jQuery 모바일 터치슬라이드 (0) | 2013.05.29 |
jQuery 특정영역(div)만 출력 (0) | 2013.05.13 |