页面中 json 格式显示 数据

Posted 2020-09-23 叽叽喳喳，嘻嘻哈哈

在页面中，有时候我们需要的不仅仅是将数据显示出来，而且要以以 json 的格式显示数据，如显示接口的时候

我们需要如下显示

这个时候，主要用到了 <pre> 标签

 

   $.get("/chat", {
                        "query": send_content,
                        "ident": ident
                    },
                    function (data) {

                        var result = JSON.stringify(JSON.parse(data), null, 4);
                        // 格式化输出json
        
                        var left_li = "<li class=\'mar-btm\'></li>";

                        var div_msgl = "<div class=\'media-body pad-hor\'><pre class=\'speech\'>" + result + "</pre></div>";
                        //使用pre 标签


                        $("ul").append(left_li);
                        $("li:last").append(div_msgl);
                    }, "json");
            }