以JSON格式输出到html格式的干净结果

Question

我有一个django应用程序，正在执行一些python脚本并将结果返回到网页....不幸的是，JSON格式的结果看起来像地狱般难以阅读。.我正在使用Visual Studio Code，并使用Terminal因为JSON输出很漂亮，而且可读性很强，这对它不利....任何人都知道一种在我的网页上以标准JSON格式显示结果的方法]

from django.shortcuts import render
import requests
import sys
from subprocess import run, PIPE

def button(request):
    return render(request,'homepage.html')

def external(request):
 out=run([sys.executable,'//home//testuser//data-extract.py'],shell=False,stdout=PIPE)
json.dumps(out, indent=4, sort_keys=True)
    print(out)
    return render(request,'homepage.html',{'data':out})

Answer 1

尝试在前端进行此操作

html

<pre id="json"></pre>

document.getElementById("json").innerHTML = JSON.stringify({{ data }}, undefined, 2);

#or
document.getElementById("json").innerHTML = JSON.stringify({{ data }}, undefined, '\t');# for tab