`

将json格式解析并显示

 
阅读更多

json_str="[{'leaf':'leaf','store':'aa','label':'label','parent':'parentID'}]";

 

jsonList=eval("("+json_str+")");
  $('#text').empty();
  var tableHTML = '<tr>';
  var j=0;
  for(var i=0;i<jsonList.length;i++){
    for(var key in jsonList[i]){
      tableHTML += '<td><div class="container"><label for="">'+key+':</label><input type="text" id="'+key+'" value="'+jsonList[i][key]+'"/></div></td>';
       if(j%2!=0){
       tableHTML +='</tr><tr>';
      }
      j+=1;
   }
  }
  tableHTML += '</tr>';
  $(tableHTML).appendTo("#text");

 

 

<table id="text" >

分享到:
评论

相关推荐

    离线json格式化工具

    非常好用的一款json离线解析工具,快速格式化数据,可以使用视图显示,一目了然。非常好用的一款json离线解析工具,快速格式化数据,可以使用视图显示,一目了然。

    json viewer(json格式化和查看工具) v1.2 免费版.zip

    JSON Viewer——Json格式化查看工具,可以对JSON字符串进行格式化显示,可以快速将Json字符串排列规则的树结构,以后于浏览和分析。非常适合做WEB开发或Android开发使用 json viewer中文版功能介绍 点击Format可以...

    json 解析器 json 显示工具

    一个很好用的 json 数据查看工具,可以将json数据复制到工具窗口,然后会自动显示成树状的结构,直观方便.

    JSON解析 JsonFormat

    支持解析文件 支持解析纯文本,并统计出行列,字符数。提供格式化JSON。 支持搜索,搜索结果提供地址显示,点击列表还可以跳转到位置。 显示直观,以不同图标展示不同类型。 支持URL解码,支持日期解析 ...

    Android:实验项目:解析JSON数据实现天气预报显示

    使用解析JSON文件获取天气预报信息,并将不同城市的天气信息显示在主界面中,应用程序运行时界面如图1所示。单击其他城市按钮时,将显示相应城市对应的天气信息,如图2所示4.在模块对应的包名下创建JSON数据对应的...

    extjs读取解析后端json格式数据显示条形图

    extjs读取解析后端json格式数据并显示条形图,非常好看的特效,只能用炫酷来形容,感兴趣就下载看看吧,用在自己的网站觉得吸引眼球!

    JSON显示工具解析工具

    json数据解析、显示、排错

    JSON数据解析后显示在listview上并且可上滑加载更多

    适合新手参考,简单实用,因为我也是新手,所以用的都是比较基础的方法实现。...okhttp方法获取服务器JSON数据或者获取本地android studio内的txt文本解析,然后显示在listview上,listview增加了上滑加载更多的功能

    Qt4实现json文件的读取和显示

    QT4不支持JSON格式,QT5自带了库,所以QT4需要引入第三方,这里使用的是Eeli Reilin的QtJson。本资源是对json库的实现案例,适合学习和理解json库的qt读写使用。

    JSON格式化解析和生成

    官网的CJson类,自己在上面添加了一些代码,实现了运用key值就可以直接找出value的快速访问方法。无需解析其他的item,直接调用我实现的接口就可以得到value,方便快速。

    JSON解析数据listview显示

    三个按钮实现了从安卓端发送数据到后台,后台传送用户名和密码,用JSON解析数据,然后再listView中显示

    Json格式化查看工具

    Json格式的数据阅读性很差,但是日常开发调试中...JSON Viewer——Json格式化查看工具,可以对JSON字符串进行格式化显示,可以快速将Json字符串排列规则的树结构,以后于浏览和分析。非常适合做WEB开发或Android开发使用

    易语言Json解析模块

    易语言、易Json解析模块、水淼Json 易语言水淼JSON解析模块源码自主解析JSON数据类型,使用树来直观清晰显示出所有结构,辅助程序员快速定位JSON节点提高开发效率。

    Python 格式化打印json数据方法(展开状态)

    使用json.dumps的separators设置,将数据展开格式化打印。 解决步骤: data = json.dumps(data, sort_keys=True, indent=4, separators=(‘, ‘, ‘: ‘)) 例如: data={ msgBody:{ data: {

    Android JSON获取 解析显示 附带Springboot -JSON服务器

    http连接 获取json 解析json 显示json数据 Springboot服务器

    配置IIS支持解析json格式的文件解决jquery-easyui的json在iis服务器不显示数据

    配置IIS支持解析json格式的文件解决jquery-easyui的json在iis服务器不显示数据

    Java图形实现json格式化源码下载

    程序运行效果,请看:http://xiaxveliang.blog.163.com/blog/static/297080342013113152450687/ 类似于Json的在线解析工具。本地实现了Json的格式化;使用java语言并提供源码下载;图形化实现Json的本地格式化。

    easyui纠正json格式日期列显示Demo

    症状:后台返回给页面的数据是Json格式的,其中的日期字段,在后台是“2012-11-10 12:18:00”这样的格式,json序列化后返回到前台页面就被转换成一个像 /Date(1419264000000)/ 的格式,导致easyUI无法解析这个字段。

    360浏览器谷歌浏览器json插件,自动解析json格式

    360浏览器谷歌浏览器json插件,自动解析json

    纯pb代码编写的解析json数据,含生成、格式化等

    纯pb脚本编写的解析json数据,含生成、格式化和以treeview显示结构等功能。包含源码和详细使用demo 详细请看http://www.pblsoft.com/sailjson.htm

Global site tag (gtag.js) - Google Analytics