要在 HTML 中引入 JSON 数据，可以使用 JavaScript 来获取并处理 JSON 文件。
下面土嘎嘎小编分享一个示例：
〓〓html代码如下：〓〓
<!DOCTYPE html>
<html>
<head>
<title>引入 JSON 数据</title>
<script src="path/to/your-script.js"></script>
</head>
<body>
<!-- HTML 内容 -->
<p id="dataContainer"></p>
</body>
</html>
在上面给出的示例中，我们创建了一个 <p> 元素，带有一个唯一的 id 属性，用于显示 JSON 数据。
然后，在一个外部的 JavaScript 文件（例如 your-script.js ）中，我们可以使用 AJAX 或 Fetch API 来获取 JSON 数据并将其插入到 HTML 页面中。下面土嘎嘎小编分享使用 Fetch API 的示例：
〓〓javascript代码如下：〓〓
// your-script.js
// 使用 Fetch API 获取 JSON 数据
fetch('path/to/your-data.json')
.then(response => response.json())
.then(data => {
// 在回调函数中处理 JSON 数据
var dataContainer = document.getElementById("dataContainer");
dataContainer.textContent = JSON.stringify(data);
})
.catch(error => console.log(error));
在上面给出的 JavaScript 代码中，我们使用 Fetch API 发起一个 GET 请求来获取 JSON 数据文件，并通过 .json() 方法解析响应数据为 JavaScript 对象。然后，我们使用回调函数处理这个对象，将其转换为字符串形式并将其插入到 <p> 元素中。
确保将 path/to/your-data.json 替换为实际的 JSON 数据文件路径。
这样，当 HTML 页面加载时，它会引入外部的 JavaScript 文件，并在执行脚本时获取和展示 JSON 数据。
土嘎嘎技术网友情提示：如果你需要在服务器环境中使用 AJAX 或 Fetch API 来获取 JSON 数据，确保你的服务器端设置正确，允许跨域请求（CORS）或将 JSON 文件放在与 HTML 文件相同的域名下。