使用＜pre＞和JSON.stringify处理网页展示JSON的格式 并添加横向滚动条

 1. html 部分  
<div class="con">
        <pre id="txJSON" style="white-space: pre;width:921px; overflow: auto; 
          overflow-y:hidden">
      </pre>
</div>

2. js 部分

 function getDetail() {

            $request({

                url: '/api/blade-DWHMonitor/api/brs/tx/detail', //掉接口

                method: 'post',

                data: {

                    transactionHash: hash

                },

                contentType: 'application/x-www-form-urlencoded'

            }, function (res) {

                var transList = res.subTransactionList || []

                $('#hash').html(res.hash) // 哈希

                renderDetail(res || {})

                renderTransList(transList)

                var jsonText = JSON.parse(res.txJSON) 

 1.jsonText 对象 2.null暂时不管  3.每一行的json数据 要缩进的字符数 也可以当做   换行符 

                 var datas = JSON.stringify(jsonText, null, 4) 

                renderJson(datas || '暂无数据')  //传参

                renderContractEvent(res.contractEvent || '')

            })

        }

3.  接收参数  赋值

 // 渲染交易json

        function renderJson(data) {

            $('#txJSON').html(data || '暂无数据')  

      }

觉得可以帮到你的 点个赞吧