温馨提示：这篇文章已超过287天没有更新，请注意相关的内容是否还可用！
HTML可以通过使用JavaScript的fetch方法来获取JSON数据。fetch方法是一种现代的网络请求API，它可以向服务器发送HTTP请求并获取响应。
要使用fetch方法获取JSON数据，我们需要使用fetch函数并传入一个URL作为参数。fetch函数返回一个Promise对象，我们可以使用then方法来处理返回的响应。在then方法中，我们可以使用json方法将响应转换为JSON格式的数据。
下面是一个示例代码，展示了如何使用fetch方法获取JSON数据：
<!DOCTYPE html>
<html>
<head>
<title>Fetch JSON Example</title>
</head>
<body>
<script>
fetch('example.json')
.then(response => response.json())
.then(data => {
// 在这里可以对JSON数据进行处理
console.log(data);
})
.catch(error => {
// 处理错误
console.error(error);
});
</script>
</body>
</html>
在上面的代码中，我们使用fetch方法发送了一个GET请求到名为example.json的文件。然后，我们使用response.json()方法将响应转换为JSON格式的数据。我们在控制台中打印了JSON数据。
请注意，示例代码中的URL是相对于HTML文件的路径。如果JSON文件位于与HTML文件相同的目录中，可以直接使用文件名。如果JSON文件位于不同的目录中，需要提供完整的URL路径。
这就是如何在HTML中获取JSON数据的示例代码。通过使用fetch方法和Promise对象，我们可以轻松地从服务器获取JSON数据并在网页中使用。
