JavaScript格式化输出并展示Json对象

最新推荐文章于 2024-07-26 02:49:06 发布

Nick_Spider

最新推荐文章于 2024-07-26 02:49:06 发布

阅读量1.6w

点赞数 10

分类专栏：前端文章标签： js json 对象输出

本文链接：https://blog.csdn.net/weixin_39198406/article/details/84789515

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

效果就是下面这样子，开始还以为代码很复杂，实际上一句JSON.stringify(data, null, "\t")就解决了。
在这里插入图片描述
具体代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script>
        $(function () {
            var data = {
              name: "Apple",
              age: "18",
              location: "Beijing"
            };
            $("#search_one_result").val(JSON.stringify(data, null, "\t"));
            $("#search_one_result").val(JSON.stringify(data, null, 4));
        });
    </script>
</head>
<body>
<textarea id="search_one_result" cols="50" rows="10" style="margin-top: 30px"></textarea>
</body>
</html>