私は天気アプリプロジェクトの途中でだとライン20上にconsole.logは以下の作業をされていない理由を理解することはできません:私は温度を取得したいこの場合、console.logが動作しないのはなぜですか? Openweathermap API
$(document).ready(function() {
var long;
var lat;
var temp;
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
long = position.coords.longitude;
lat = position.coords.latitude;
var api =
"api.openweathermap.org/data/2.5/weather?lat=" +
lat +
"&lon=" +
long +
"&appid=xxxxxxxxxxxxxxxxxxxxxxx";
//console.log(api);
$("#data").html("latitude: " + lat + "<br>longitude: " + long);
$.getJSON(api, function(json) {
var kelvin = data.main.temp;
console.log(kelvin);
});
});
}
});
body{
height:100vh;
position:relative;
}
.container{
margin:auto;
text-align:center;
padding:20px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<div class="container">
<h1>Weather App</h1>
<div id="data">location</div>
<div id="temperature">Temperature
<span id="degrees" onclick="">DEGREES</span></div>
<div class="weather">Weather icon</div>
</div>
</body>
をopenweathermap apiから、ケルビン変数をテストしていましたが、何も表示されません。あなたは$ .getJSONを呼び出す方法はありません事前に
多くのおかげで、
フェイルハンドラも追加して、リクエストが送信されたかどうかを確認してください。 – Sirko
あなたのコールバックは 'json'をパラメータとして受け取りますが、あなたは' data.main.temp'にアクセスしています。 –
変数がコンソールにあることを明確にするために、あなたの学位に沿って何かを印刷してください。 'console.log(" Kelvin: "+ kelvin);を実行すると、印刷中かどうかが表示されますが、同時にデータが間違っていることを通知します。同様に、ネットワーク要求の結果を[approperiate]タブで確認して、データを正しく取得しているかどうかを確認することができます。 – Fallenreaper