django如何前端html页面如何将json格式的数据显示出来

在Django中，前端HTML页面可以使用JavaScript来将JSON格式的数据显示出来。以下是一个简单的示例：

在Django视图函数中，将JSON数据传递给前端HTML页面。例如：

from django.shortcuts import render
import json

def my_view(request):
    data = {'name': 'John', 'age': 30, 'city': 'New York'}
    json_data = json.dumps(data)
    return render(request, 'my_template.html', {'json_data': json_data})

在前端HTML页面中，使用JavaScript来解析和显示JSON数据。例如：

<!DOCTYPE html>
<html>
<head>
    <title>Display JSON Data</title>
</head>
<body>
    <h1>JSON Data:</h1>
    <div id="json_data"></div>

    <script>
        var json_data = JSON.parse('{{ json_data|escapejs }}');
        var html = '';

        for (var key in json_data) {
            if (json_data.hasOwnProperty(key)) {
                html += '<p>' + key + ': ' + json_data[key] + '</p>';
            }
        }

        document.getElementById('json_data').innerHTML = html;
    </script>
</body>
</html>

在上述示例中，my_view视图函数将一个包含姓名、年龄和城市的字典转换为JSON字符串，并将其传递给前端HTML页面的json_data变量。在HTML页面中，使用JSON.parse方法将JSON字符串解析为JavaScript对象，并使用循环遍历对象的属性，将其拼接为HTML字符串，并将其插入到json_data元素中。

请注意，在将JSON数据传递给前端HTML页面时，需要使用escapejs过滤器对JSON字符串进行转义，以防止XSS攻击。