网站SEO优化教程|技术分享|源码分享

本博客文章均是作者原创,记录码砖的点点滴滴,不介意搬砖,希望大家转载注明出处,感谢ing……




JSON压缩、缩进、格式化源码


 2020-05-18 12:41:28  浏览量:(46)   标签: json压缩  json缩进  json格式化 




调用api输出的json格式不利于阅读,格式化试试

预览图:

200518010000.png

源码:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>JSON格式化</title><style>body{ margin:0; }textarea{ margin:0; width:60%; height:200px;}

pre {

white-space: pre-wrap;

word-wrap: break-word;

}

</style></head><body>

<div align="center">

<p id="wz" style='color: #C00;margin-top:30px;'><textarea id="codeinp" placeholder="请把你需要格式化的JSON代码粘贴在这里。"></textarea></p>

<input  type='button' style=' width:200px; height:60px; color: #FFF; background-color:#C30; font-size:20px' value='JSON格式化' onclick="geshihua()" />

<input  type='button' style=' width:200px; height:60px; color: #FFF; background-color:#C30; font-size:20px' value='JSON缩进' onclick="suojin()" /></div>

<div style="width:100%"><pre id="gsh" style="margin-right: auto;  margin-left: auto;width:60%;"></pre></div>

<script language="javascript">
function geshihua(){

var str=JSON.parse(document.getElementById('codeinp').value);

document.getElementById('gsh').innerHTML=JSON.stringify(str, null, 4);



}

function suojin(){

var str=JSON.parse(document.getElementById('codeinp').value);

document.getElementById('gsh').innerHTML=JSON.stringify(str);

}
    </script>
</body>
</html>


如文章内容失效请联系作者更新,感谢ing,如有任何疑问点击网站提问按钮;

本文由【日韩赶SEO】原创,转载请注明出处,违者必究:http://4asport.com/post/74.html

提问 刷新 ^

友情链接:A5源码

Copyright ?2019 【日韩赶SEO】京ICP备25252500号