json字符串怎么在前台展示

在前端开发过程中，经常需要用到JSON（JavaScript Object Notation）数据格式。而在展示JSON字符串时，可以使用pre标签进行展示，这样可以保留JSON字符串中的格式和缩进，让展示更加清晰。

要在前台展示JSON字符串，我们首先需要将JSON字符串转化成JavaScript对象或数组。我们可以使用JSON.parse()函数来实现这一过程。比如：

var jsonString = '{"Name":"张三","Age":23,"City":"北京"}';
var jsonObj = JSON.parse(jsonString);
console.log(jsonObj);

上述代码将JSON字符串转化为了一个JavaScript对象，并将其打印到了控制台。

接着，我们需要将这个JavaScript对象或数组展示到页面上。我们可以使用pre标签将其包裹起来，如下所示：

var jsonString = '{"Name":"张三","City":"北京"}';
var jsonObj = JSON.parse(jsonString);
var pre = document.createElement("pre");
pre.innerText = JSON.stringify(jsonObj,null,4);
document.body.appendChild(pre);

上述代码使用了JSON.stringify()函数将JavaScript对象或数组转化为了JSON字符串，并使用pre标签将其展示到页面上。其中，第一个参数为要转化的对象或数组，第二个参数为用于替换值的可选函数，第三个参数为用于控制缩进的空格数。

总之，通过将JSON字符串转化为JavaScript对象或数组，然后使用pre标签进行展示，我们可以很方便地在前台展示JSON字符串，并保留其格式和缩进，方便进行后续处理和交互。