如何在前端页面显示cat data.json 中的 name 和 age 值

您可以使用 JavaScript 和 Ajax 从数据源（例如 data.json 文件）获取数据，然后将其显示在前端页面上。以下是一个示例：

创建一个 HTML 页面，包括一个 div 元素，用于显示数据：

<!DOCTYPE html>
<html>
<head>
    <title>显示 JSON 数据</title>
    <script src='https://code.jquery.com/jquery-3.6.0.min.js'></script>
</head>
<body>
    <div id='data'></div>

    <script>
        // 在此处使用 JavaScript 和 Ajax 获取数据
    </script>
</body>
</html>

使用 JavaScript 和 Ajax 从 data.json 文件中获取数据，并将其显示在 div 元素中：

$.getJSON('data.json', function(data) {
    // 获取 name 和 age 的值
    var name = data.name;
    var age = data.age;

    // 将值显示在 div 中
    $('#data').html('Name: ' + name + '<br>Age: ' + age);
});

确保在服务器上运行 HTML 页面，以便 JavaScript 和 Ajax 能够正确工作。

这样，当用户访问您的网站时，将从 data.json 文件中获取数据，并将其显示在页面上。