從JSON API響應獲取值，將它們放入網頁

今天我有一個問題，看起來可能比其他人簡單。我現在正在學習如何使用API/JSON，而且我有點困惑。我試圖從這個openweathermap.org API響應中獲取溫度並將其顯示在html標記中。從JSON API響應獲取值，將它們放入網頁

從我所知道的JavaScript中獲取溫度並將其設置爲var。我很困惑，爲什麼我不能使用id =「」在標籤內設置文本。下面的代碼是我到目前爲止。我感謝你的時間。

<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
<script type="text/javascript"> 
var weather; 
var temp; 
$(document).ready(function() { 
$.ajax({ 
    url: "http://api.openweathermap.org/data/2.5/weather?q=London,uk&appid=44db6a862fba0b067b1930da0d769e98&units=metric", 
    dataType: 'jsonp', 
    success: function(weather){ 
    var temp = weather.main.temp; 
} 
}); 
</script> 
</head> 
<body> 
<p id="temp"></p> 
</body> 
</html>

來源

2016-01-29 Patrick O

你有語法問題的腳本...缺少'}）'在腳本 –

'$（ '＃臨時'）結束HTML（TEMP）;'來在成功處理程序中顯示「p」中的值 –

非常感謝，這是一個很大的幫助。 –

@ArunPJohny已經確定的錯誤：1）缺少})和2）使用$('#temp')得到的HTML元素。你也不需要聲明weather，因爲它被聲明爲一個參數。

$(document).ready(function() { 
 
    $.ajax({ 
 
    url: "http://api.openweathermap.org/data/2.5/weather?q=London,uk&appid=44db6a862fba0b067b1930da0d769e98&units=metric", 
 
    dataType: 'jsonp', 
 
    success: function(weather) { 
 
     $('#temp').text(weather.main.temp); 
 
    } 
 
    }); 
 
});

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
 
<p id="temp"></p>

來源

2016-01-29 03:38:10 Fabricator

非常感謝您的幫助。我現在可以快樂地結束這一天！我很高興看到我遠沒有超級帥哥 –

從JSON API響應獲取值，將它們放入網頁

回答

相關問題