漂亮的打印 JSON<td> 標簽

Question

從我的后端我收到一個美化的 JSON 響應（PHP, json_encode($json, JSON_PRETTY_PRINT) ），我需要在我的表格中顯示json_encode($json, JSON_PRETTY_PRINT) （在我的頁面上，在<td>標簽中，而不是在控制台中）。 問題是當我把它放入<td>我得到了它的未美化（就像在屏幕截圖上一樣）：

我試圖將它放入<pre>標簽中，甚至使用JSON.Stringify()但它不起作用，輸出看起來不美化。 歡迎任何解決此問題的想法。 謝謝你。

UPD_1這就是我在使用JSON.stringify(json, null, 2)

如果我先嘗試JSON.parse() ，然后是JSON.tringify() ，我的輸出沒有任何反應，它也沒有美化

Answer 1

使用json.stringify()和<pre>標簽。 只要您不將 json 放在<pre>塊中，它就會被HTML解析器解析為文本。 如果你把它放在<pre>標簽中，它會被識別為代碼。

 var json = {"glossary":{"title":"example glossary","GlossDiv":{"title":"S","GlossList":{"GlossEntry":{"ID":"SGML","SortAs":"SGML","GlossTerm":"Standard Generalized Markup Language","Acronym":"SGML","Abbrev":"ISO 8879:1986","GlossDef":{"para":"A meta-markup language, used to create markup languages such as DocBook.","GlossSeeAlso":["GML","XML"]},"GlossSee":"markup"}}}}}; $("table tr td pre").html(JSON.stringify(json, undefined, 2));

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table> <tr> <td> <pre> </pre> <td> </tr> </table>