JS格式化JSON串显示在表格中

JS代码如下，这里用了jq的语法：

<script type="text/javascript">
$(function(){var text = $("#show_json").html();var result = JSON.stringify(JSON.parse(text), null, 4);$("#show_json").html("<pre>"+result+"</pre>");
});
</script>

html部分代码：

<table><tr><td>json: </td><td><p id="show_json">{"aaa":"111", "bbb":"222", "ccc":"333"}<p></td></tr>
</table>

看下效果图：

转载于:https://www.cnblogs.com/jimmyshan-study/p/11229373.html

JS格式化JSON串显示在表格中相关推荐

js怎么将json数据展示在html代码,JS格式化json数据展示到页面中
html页面: 查询json结果 studyid* partnerId token 查询查询结果: css代码: .red-text { color: red; } .size-big { widt ...
vue接收json数据_Vue之使用ajax获取json数据，并用v-for循环显示在表格中
运行的时候,出现了php跨域问题,解决办法是在php的头文件中添加了如下代码: header('Content-Type: application/json'); header('Content-Ty ...
JS格式化json并展示
一.格式化json数据展示区域第1种: <div id="showJsonData1" contenteditable="true" style=&qu ...
前端js拼接Json串
前端js拼接json串示例1:数组里面含对象 <script> var params = [];for(var i = 0; i < 3; i++){var param = []; ...
qt 从文件中读出数据显示在表格中_java如何从文件中读取数据存在数组再显示在表格中！！...
再谢谢你昨天帮我解决了那个读数据再显示在JTextArea中,现在我想显示在表格中啦!而且对应显示!数据一行一行读,再存在arraylist中数据:何子杨13580130150652150计算机丁香维 ...
8.在python中用data_only=True设置显示excel表格中公式的结果为None的解决方法
在用python调用excel文件显示带公式的表格内容,有两种显示结果:第一种是直接显示表格中公式人内容:另一种是显示其表格中公式的结果. 显示第一种,可以这样输入代码: 显示第二种,可以这样输入代码 ...
html中用js格式化JSON输出
调用接口将返回的json数据按原样塞入 <div><pre id = "show"></pre> </div> 然而接收到的json ...
html选中然后显示到表格,如何将数据从html表单显示到表格中？
听起来好像你并没有使用服务器端发布,但你只是试图将信息放在一个表单上,并显示在同一页上的表格中.我对吗? 如果是的话,这是函数的例子,你可以使用: 的JavaScript: function addR ...
word 产生很多temp 不显示_word表格中文字显示到最下面的时候不自动换页-解决办法...
今天写毕设的开题报告(word2016),在表格中添加行时不自动换页,导致表格内容显示不全,如下图. 在表格中添加行时不自动换页解决办法选中表格"右键"→"表格属性& ...

JS格式化JSON串显示在表格中

JS格式化JSON串显示在表格中相关推荐

最新文章

热门文章