在前端開發中,經常需要獲取JSON數據并動態地將其顯示在頁面上。這時就需要使用 dynamic 功能。
// 獲取JSON數據 fetch('example.json') .then(response =>response.json()) .then(data =>{ // 將數據動態地顯示在頁面上 const container = document.querySelector('#container'); container.innerHTML = `${data.title}
${data.content}
`; }) .catch(error =>console.error(error));
通過以上代碼,我們可以通過 fetch 方法獲取到一個 JSON 文件,并通過 response.json() 方法將其轉換為一個 JavaScript 對象。然后,我們可以將這個對象中的數據動態地顯示在頁面上。
在以上代碼中,我們使用了一個 pre 標簽來展示我們的 JavaScript 代碼。使用 pre 標簽可以讓我們的代碼更加清晰易讀,同時也可以保留代碼中的格式。