JSON 是一種輕量級的數(shù)據(jù)格式，常用于 web 應(yīng)用程序之間的數(shù)據(jù)交換和存儲。在 HTML 中，我們可以使用 JavaScript 來解析 JSON 數(shù)據(jù)，然后將數(shù)據(jù)渲染到 HTML 頁面上。
// 例子：使用 JSON 格式渲染用戶列表
<html>
<head>
<title>用戶列表</title>
</head>
<body>
<h1>用戶列表</h1>
<ul id="userList">
</ul>
<script>
const users = [
{ "name": "張三", "age": 20 },
{ "name": "李四", "age": 22 },
{ "name": "王五", "age": 24 }
];
// 將用戶列表渲染到頁面上
const userList = document.querySelector("#userList");
users.forEach(user => {
const li = document.createElement("li");
li.textContent = `${user.name} (${user.age}歲)`;
userList.appendChild(li);
});
</script>
</body>
</html>在上面的例子中，我們定義了一個 users 數(shù)組來存儲用戶列表數(shù)據(jù)。然后，我們使用 forEach() 方法將每個用戶渲染成一個 <li>標(biāo)簽，并添加到頁面中的 <ul>標(biāo)簽中。這里使用模板字符串來構(gòu)建 <li>標(biāo)簽的內(nèi)容，以便更方便地插入用戶數(shù)據(jù)。