openWeatherMap APIからデータを取得できませんでした。JavaScript

Question

問題の場所はわかりませんが、選択したdivには何も表示されませんでした。

$(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); 
    }); 

}); 

Answer 1

getJSONの代わりにgetJESONがあります。

Answer 2

次の2つの側面からこの問題を見つけることができます

• あなたは、AJAXからデータを取得していますか？ PS：あなたはc.log（データ）
• を追加することができ、あなたのウェブページ