在JavaScript編程中,我們經常需要異步地從服務器獲取數據,其中最常見的數據格式之一就是JSON(JavaScript對象表示法)。為了避免阻塞代碼執行,我們希望異步地獲取JSON數據并在完成后執行相關操作。這時候使用async方法就是一個好的解決方案。
async function fetchJSON(url) {
const response = await fetch(url);
const data = await response.json();
return data;
}
這段代碼定義了一個名為fetchJSON的async函數,該函數接受一個URL參數(即將要獲取的JSON數據的地址)。在函數內部,我們使用fetch方法來發送一個GET請求,然后使用await關鍵字等待響應返回。一旦響應返回,我們使用response.json()方法來解析響應的JSON數據并將其保存在data變量中。最終,我們返回這個JSON對象。
我們可以像下面這樣使用fetchJSON函數來獲取JSON數據:
async function displayData() {
const data = await fetchJSON('https://example.com/data.json');
console.log(data);
}
displayData();
在displayData函數內,我們首先調用fetchJSON函數并將其返回結果保存在data變量中。然后,我們可以對這個JSON對象執行任何操作,例如在控制臺中輸出它或在頁面上顯示它。
總之,async函數是一個強大的工具,可以讓我們在不阻塞代碼執行的情況下異步獲取JSON數據,并在完成操作后執行相關操作。