Javascript 如何以漂亮的方式在HTML中显示JSON数据？

我捕获表行的onClick事件。我需要在这个HTML页面中以漂亮的格式显示来自脚本（JSON格式）的数据

脚本：

$('#zero_configuration_table tbody').on('click', 'tr', function () {
    var data = table.row( this ).data();
    $('#new-data').val(data[0]); // this is <textarea> tag in HTML
});

因此，我希望

数据[0]

以漂亮的方式显示，带有新行和制表符，而不是像一个字符串。我怎么做？也许使用一些特殊的插件或其他什么

此时，我的文本区域中出现了

[object object]

---

我在我的Laravel应用程序中，在

.blade.php

中使用

$（“#新数据”）.val（JSON.stringify（数据[0]，null，2））这是否回答了您的问题？
<textarea id="new-data" name="new-data"></textarea>

data: {
created: "2019-12-01T15:46:55.494488+00:00",
id: 123,
success: true
}