2016-07-31 8 views
1

문제가있는 위치를 알 수 없지만 선택한 div에 아무 것도 표시되지 않았습니다.openWeatherMap API에서 데이터를 가져올 수 없습니다. JavaScript

$(document).ready(function(){ 
    var lat, lng, data; 

    // get the current location 
    if (navigator.geolocation) { 
     navigator.geolocation.getCurrentPosition(function(position) { 
      lat = position.coords.latitude; 
      lng = position.coords.longitude; 
     }); 
    }else { 
     alert('Geo Location feature is not supported in this browser.'); 
    } 


//get the data from the openWeatherMap API 
    function getData(){ 
    $.getJSON('api.openweathermap.org/data/2.5/weather?lat='+lat+'&lon='+lng+'', function(json){ 
     data = json; 
    });  
    } 
    $('button').on('click', function(){ 
    getData(); 
    $(this).remove(); 
    $('.container').removeClass('hidden'); 
    $('#location').appendTo(data.name); 
    $('#Weather-condition').appendTo(data.weather.main); 
    $('#wind-speed').appendTo(data.wind); 
    }); 

}); 
+0

어떤 오류 콘솔을 확인 했 성공 쇼 데이터 인을 추가 할 수 있습니까? – yuriy636

+0

오류가 없습니다. @ yuriy636. – SenDjasni

+0

게시 한 코드가 아닌 다른 곳에서'getData()'를 호출하고 있습니까? HTML도 게시하십시오. – yuriy636

답변

1

오타가있는 것 같습니다. getJSON 대신 getJESON!

+0

아직 아무것도 작동하지 않습니다. – SenDjasni

+0

아, 방금 다른 오타가 발견되었습니다. – csabinho

+0

그 점에 대해 고맙지 만 문제는 다른 곳의 @csabinho 인 것 같습니다 – SenDjasni

0

두 측면에서이 문제를 찾을 수 있습니다

  • 는 아약스에서 데이터를 얻을 수 있습니까? PS : 당신이 c.log (데이터)
  • 는 당신에게 당신의 웹 페이지
+0

콘솔 뒤에도 데이터 변수는이 경우 UNDEFINED이지만 이유는 무엇입니까? – SenDjasni

+0

당신의 URL이 잘못되었다고 생각합니다. 'lat'와 lnG 필드를 확인하십시오. – Broven

관련 문제