2016-03-24 27 views
1

JSONを使ってOpenWeatherMapから気象データを取得できるJavaScriptでプログラムを作成しようとしていました。私はJSONの新機能ですが、その背後にあるロジックを理解していると思います。しかし、「JSONを取得」ボタンをクリックすると、何も起こりません。 getJSON関数の "data.temp"は間違っている可能性がありますが、正しく理解していれば、少なくとも「温度」という単語を印刷する必要があるようです.HTMLとJavaScriptが以下に含まれています。JSONを使用してOpenWeatherMapデータを取得する方法は?

HTML:あなたはコールバック関数として "test" を指定しているあなたの要求パラメータで

$(document).ready(function() { 

/* Operate when "getIt" button is clicked.*/ 
$("#getIt").click(function(event){  

/* Variable storing weather information.*/ 
var weatherNow="http://api.openweathermap.org/data/2.5/weather?q=London,uk&callback=test&appid=******************"; 

$.getJSON(weatherNow,function(data){   
        $('#owmdata').append('<p>Temperature : ' + data.temp+ '</p>'); 


}); 
}); 
}); 
+0

あなたはとしてそれを参照しますので、おそらくここのユーザーからAppIdを難読化したいと思うでしょう。ちょっとした考え。誰でもこのappidを使用してAPIを呼び出すことができます。 – ManoDestra

答えて

1

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"> </script> 

<div id = "owmData" style = "background-color:#cc0;"> 
    Weather data should go here. 
    </div> 

はJSON

JavaScriptを取得します。あなたは、コールバックに参照することなく、このようなあなたの要求URLをstrucutureやデータに直接アクセスすることができます

http://api.openweathermap.org/data/2.5/weather?q=London,uk&appid=************* 

「一時は」財産の内部にネストされた「メイン」あなたはdata.main.temp

+0

ありがとう、主な犯人はこれを大文字小文字の誤りと一緒にしていました。 – eversomber

関連する問題