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

  1. 云栖社区>
  2. 博客>
  3. 正文

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

curiousby 2017-10-24 09:50:00 浏览477
展开阅读全文

 

 

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/



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

 

网友评论

登录后评论
0/500
评论
curiousby
+ 关注