json 格式化展示 编辑(第三方开源框架 FlexiJsonEditor)

简介:     demo 下载 : http://download.csdn.net/download/knight_black_bob/10037216         js 部分       第一次初始化数据 function ajaxRequest(){ $.

 

 

demo 下载  http://download.csdn.net/download/knight_black_bob/10037216

 

 



 

 

js 部分

 

    <pre id="path"></pre>
    <div id="editor" class="json-editor"></div> 
    <textarea id="json"></textarea><br/>
 
    <script src="json2.js"></script>
    <script src="jquery.min.js"></script>
    <script src="jquery.jsoneditor.js"></script>
    <script src="jsoneditor.js"></script>

 

 

第一次初始化数据

function ajaxRequest(){
	$.ajax({
		url: '/json/jsonREquest.do', 
	    type: 'POST',
	    success: function (result) { 
	    	json = result; 
	    	$('#json').val(JSON.stringify(json));
	    	 $('#editor').jsonEditor(json, { change: updateJSON, propertyclick: showPath });
	    }
	})

}

ajaxRequest();

 

 

 

 

 

 

 

 

 

 

 

 

 

捐助开发者 

在兴趣的驱动下,写一个免费的东西,有欣喜,也还有汗水,希望你喜欢我的作品,同时也能支持一下。 当然,有钱捧个钱场(支持支付宝和微信 以及扣扣群),没钱捧个人场,谢谢各位。

 

个人主页http://knight-black-bob.iteye.com/



 
 
 谢谢您的赞助,我会做的更好!

 

目录
相关文章
|
8月前
|
编解码 JavaScript 前端开发
TypeScript【第三方声明文件、自定义声明文件、tsconfig.json文件简介、tsconfig.json 文件结构与配置】(六)-全面详解(学习总结---从入门到深化)
TypeScript【第三方声明文件、自定义声明文件、tsconfig.json文件简介、tsconfig.json 文件结构与配置】(六)-全面详解(学习总结---从入门到深化)
400 0
|
4月前
|
XML JSON 前端开发
json字符串CSS格式化
完成以上步骤后,你便能在网页中看到格式化后的JSON数据,它们将按照CSS定义的样式进行展示,使数据更易于阅读和理解。通过有效地结合JSON和CSS,你可以创建出更加丰富且易于交互的网页内容。
221 64
|
7月前
|
JSON JavaScript IDE
JSON 数据格式化方法
JSON 数据格式化方法
146 3
|
3月前
|
JSON JavaScript 前端开发
js如何格式化一个JSON对象?
js如何格式化一个JSON对象?
132 3
|
4月前
|
XML JSON 前端开发
json字符串CSS格式化
json字符串CSS格式化
80 5
|
5月前
|
存储 JSON 测试技术
Python中最值得学习的第三方JSON库
Python中最值得学习的第三方JSON库
143 0
|
5月前
|
JSON 数据格式
Sublime Json 格式化
Sublime Json 格式化
74 0
|
6月前
|
JSON JavaScript 数据格式
vue 格式化展示json(含彩色样式)
vue 格式化展示json(含彩色样式)
470 1
|
7月前
|
JSON 前端开发 JavaScript
Json格式化
Json格式化
|
7月前
|
JSON 数据格式
Notepad++怎么格式化json文件?
Notepad++怎么格式化json文件?

热门文章

最新文章

相关实验场景

更多