html 怎把json 解析成页面

在 HTML 中，我们可以使用 JavaScript 来解析 JSON 并将其渲染到页面上。以下是解析 JSON 并在 HTML 页面中显示数据的一个基本示例：

1. 首先，在 HTML 页面中创建一个容器，例如 `div` 元素：

<div id="data-container"></div>

2. 然后，在 JavaScript 中获取 JSON 数据：

const data = '{"name": "John", "age": 30, "city": "New York"}';

3. 使用 `JSON.parse()` 方法将 JSON 数据解析为 JavaScript 对象：

const obj = JSON.parse(data);

4. 创建一个 HTML 字符串，用于显示数据：

const html = `
  <p>Name: ${obj.name}</p>
  <p>Age: ${obj.age}</p>
  <p>City: ${obj.city}</p>
`;

5. 最后，将 HTML 字符串插入到容器中：

const container = document.getElementById('data-container');
container.innerHTML = html;

这将在页面上显示以下内容：

Name: John
Age: 30
City: New York

当然，这只是一个简单的示例。实际中，你可能需要在循环中遍历 JSON 数据，并动态地生成 HTML 元素来显示它们。