HTML5天氣查詢API是一種能夠獲取天氣信息的技術,可以利用該API來顯示用戶所在地區的當天天氣情況及未來幾天的天氣預報。下面是一個利用HTML5天氣查詢API編寫的代碼示例:
let url = 'https://api.openweathermap.org/data/2.5/weather?q=London&appid=your_api_key'; //使用fetch發送請求 fetch(url) .then(response =>response.json()) .then(data =>{ console.log(data.weather[0].description); console.log(data.main.temp); console.log(data.main.humidity); console.log(data.wind.speed); console.log(data.clouds.all); }) .catch(error =>console.error(error));
可以看到,我們首先將API的url存儲在一個變量中,其中包括我們需要查詢的地點和個人API密鑰。然后,我們使用fetch方法發送HTTP請求,并使用.then方法處理返回的JSON數據。
在這個示例中,我們打印出了天氣概述、當前溫度、濕度、風速和云層信息。這些數據可以用于創建一個完整的天氣應用程序。如果想要獲取未來幾天的預報,只需要略微修改API的url即可。
下一篇html5怎么設置行距