json字符串怎么回显给前台

在进行前后端交互时，常常会用到JSON字符串来传递数据。那么如何将后端传来的JSON字符串回显给前台呢？

首先，我们要明确JSON字符串是一个字符串类型的数据，需要将其解析成JavaScript对象才能操作。我们可以使用JSON.parse()方法将其转化成对象：

let jsonStr = '{"name":"Tom","age": 18}';
let jsonObj = JSON.parse(jsonStr);
console.log(jsonObj.name); // Tom
console.log(jsonObj.age); // 18

通过将JSON字符串转化成JavaScript对象，我们就可以方便的操作其中的属性值了。

接下来，如何将解析后的JSON对象回显给前台呢？我们可以使用Ajax技术发送请求到后端，获取JSON数据后再使用JavaScript操作页面元素渲染出来。具体实现如下：

$.ajax({
    url: 'xxx.com',type: 'GET',dataType: 'json',success: function(data) {
        let name = data.name;
        let age = data.age;
        let html = '<div>姓名：' + name + '</div><div>年龄：' + age + '</div>';
        $('#info').html(html);
    }
})

上述代码中，我们发送了一个GET请求到xxx.com，对返回的JSON数据进行解析，取出其中的name和age值，然后使用jQuery操作页面元素渲染出来。

综上，我们可以通过JSON.parse()方法将JSON字符串转化成JavaScript对象，再通过Ajax技术获取JSON数据并操作页面元素进行回显。希望以上内容能对你有所启发。