jQuery Ajax是一種在網頁上交換數據的技術。這種技術可以幫助我們輕松地從服務器上獲取數據并將其顯示在網頁上。而天氣查詢是人們經常需要查詢的信息之一。在本文中,我們將使用jQuery Ajax技術獲取天氣信息。
$("button").click(function(){
$.ajax({url: "http://api.openweathermap.org/data/2.5/weather?q=Beijing&appid=YourAPIKey",
success: function(result){
$("#weather-info").html("天氣:" + result.weather[0].main + ",溫度:" + (result.main.temp - 273.15).toFixed(1) + " °C");
}});
});
在上面的代碼中,我們使用了jQuery的click事件綁定了一個按鈕,點擊該按鈕會執行一個Ajax請求,在請求的URL中包含了城市名和API Key。當請求成功后,我們使用jQuery的html()方法將獲取到的天氣信息插入到一個具有特定ID的HTML元素中。
使用jQuery Ajax技術獲取天氣信息是一種簡單而有效的方法。它可以讓網頁有更多的交互性,同時也可以為用戶提供有用的信息。