2016-07-31 10 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

ああ、ちょうど別のタイプミスが見つかりました:lngと大文字g! – csabinho

+0

それに感謝しますが、問題は他の場所にあります@csabinho – SenDjasni

0

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

  • あなたは、AJAXからデータを取得していますか? PS:あなたはc.log(データ)
  • を追加することができ、あなたのウェブページ
+0

コンソールの後で データ変数はこの場合UNDEFINEDですが、なぜですか? – SenDjasni

+0

私はあなたのURLが間違っていると思います、 'lat'とlnGフィールドをチェックしてください – Broven

関連する問題