便宜VPS测评
要在网页上格式化显示 JSON 数据，你可以使用 JavaScript 来处理和呈现 JSON 数据。以下是一个基本的示例：
HTML 部分：
<!DOCTYPE html>
<html>
<head>
<title>JSON 格式化显示</title>
<style>
pre {
background-color: #f4f4f4;
padding: 10px;
font-size: 14px;
}
</style>
</head>
<body>
<h1>JSON 格式化显示</h1>
<pre id="json-container"></pre>
<script src="script.js"></script>
</body>
</html>
JavaScript（script.js）部分：
// 假设这是从服务器获取的 JSON 数据
var jsonStr = '{"name": "John", "age": 30, "city": "New York"}';
// 解析 JSON 字符串为 JSON 对象
var jsonObj = JSON.parse(jsonStr);
// 将 JSON 对象转换为可读性更好的字符串
var formattedJsonStr = JSON.stringify(jsonObj, null, 4);
// 在页面上显示格式化后的 JSON 数据
var jsonContainer = document.getElementById("json-container");
jsonContainer.textContent = formattedJsonStr;
在上述示例中，我们首先创建了一个 HTML 页面，其中包含一个 <pre> 元素用于容纳格式化后的 JSON 数据。然后，在 JavaScript 中，我们假设从服务器获取到一个 JSON 字符串 jsonStr，使用 JSON.parse() 将其解析为 JSON 对象 jsonObj。接下来，我们使用 JSON.stringify() 将 JSON 对象转换为可读性更好的字符串，并指定了 null, 4 参数来进行格式化和缩进。最后，我们通过获取页面中的 <pre> 元素，并将格式化后的 JSON 字符串赋值给它的 textContent 属性，以在页面上显示格式化后的 JSON 数据。
当你在浏览器中打开该 HTML 文件时，你将看到 JSON 数据以漂亮的格式显示在页面上。你可以根据需要修改样式和脚本来实现更复杂的 JSON 数据格式化和呈现效果。
