HTML5天氣查詢API是一種能夠獲取天氣信息的技術(shù),可以利用該API來顯示用戶所在地區(qū)的當(dāng)天天氣情況及未來幾天的天氣預(yù)報。下面是一個利用HTML5天氣查詢API編寫的代碼示例:
let url = 'https://api.openweathermap.org/data/2.5/weather?q=London&appid=your_api_key'; //使用fetch發(fā)送請求 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方法發(fā)送HTTP請求,并使用.then方法處理返回的JSON數(shù)據(jù)。
在這個示例中,我們打印出了天氣概述、當(dāng)前溫度、濕度、風(fēng)速和云層信息。這些數(shù)據(jù)可以用于創(chuàng)建一個完整的天氣應(yīng)用程序。如果想要獲取未來幾天的預(yù)報,只需要略微修改API的url即可。