使用eval将json字符串转换为json对象并且处理json数据
2011-06-30 00:20
836 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <!--- date:2011/6/29 23:30 author:天下太平 --> <script src="jquery-1.3.2.js"></script> <script> $(function () { $("#loaddata").click(function () { //json字符串数据 var json = '{"employees" :[{"name" : "ZhangSan","sex" : " man","age" : "10","city" : "beijing","state" : "china","department" : "it"},{"name" : "lisi","sex" : "wumen","age" :"20","city" : "shanghai","state" : "china","department" : "it"}]}'; //json数据类型 var jsonobj = eval('(' + json + ')'); var html = ''; //employees子对象数量 var jobjLength = jsonobj.employees.length; //遍历json对象 $.each(jsonobj.employees, function (i, item) { html += '<tr><td>' + item.name + '</td>' + '<td>' + item['sex'] + '</td>' + '<td>' + item.age + '</td>' + '<td>' + item.city + '</td>' + '<td>' + item.state + '</td>' + '<td>' + item.department + '</td></tr>'; }); $('#title').after(html); }); $("#loaddata1").click(function () { //json字符串数据 var sjson ='{"employees" : {"field" : ["name","sex","age","city","state","department"],"value" :[["ZhangSan","Male","30","BeiJing","China","IT"],["LiSi","Female","20","ShangHai","China","IT"]]}}'; //json数据类型 var jsonobj = eval('(' + sjson + ')'); var html = ''; //employees子对象数量 var jobj = jsonobj.employees.value; var jobjlength = jobj.length; //遍历json对象 $.each(jobj, function (i, item) { html += '<tr><td>' + item[0] + '</td>' + '<td>' + item[1] + '</td>' + '<td>' + item[2] + '</td>' + '<td>' + item[3] + '</td>' + '<td>' + item[4] + '</td>' + '<td>' + item[5] + '</td></tr>'; }); $('#title').after(html); }); }); </script> </HEAD> <input type="button" value="加载数据" id="loaddata" /> <input type="button" value="加载简化json数据" id="loaddata1" /> <BODY> <table id="infotable" > <tr id="title"><th>name</th><th>sex</th><th>age</th><th>city</th><th>state</th><th>department</th></tr> </table> </BODY> </HTML>
相关文章推荐
- 【荐】使用eval()、new Function()将JSON字符串转换为JSON对象
- 【第21篇】通过Gson去把字符串转成json,对象转成Json,数组转换成Json处理Json数据
- javascript数据(对象字符串等)转换成json数据的javascript扩展包的使用
- Json对象和字符串互相转换json数据拼接和JSON使用方式详细介绍(小结)
- json数据使用eval转换成json对象依然为字符的解决方法
- 为什么使用eval()将json字符串转换为对象要多加一个小括号
- 【第15篇】通过FastJson把字符串转换成JSON和Map和List对象处理json数据
- eval解析JSON中的注意点 在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数。 2. 使用Function对象来进行返回解析。 使用eval
- 通过FastJson把字符串转换成JSON和Map和List对象处理json数据
- 【荐】使用eval()、new Function()将JSON字符串转换为JSON对象
- java将list对象转换为json字符串数据显示为空的信息
- 前台js获取到后台json数据,eval解析json后,日期(object)对象转换为date日期格式显示
- 使用Javascript/jQuery将javascript对象转换为json格式数据
- 使用json-lib将java对象转换成json字符串
- 使用jackson对Java对象与JSON字符串相互转换的一些总结
- 后台将对象转换为json格式,前台js解析json数据,将字符串转化为数组
- javascript 数组的使用 + js 对象 转换为json 字符串
- 如何将C#/.NET 将json字符串格式数据转换成对象
- SpringMVC中使用@RequestBody,@ResponseBody注解实现Java对象和XML/JSON数据自动转换(上)
- SpringMVC中使用@RequestBody,@ResponseBody注解实现Java对象和XML/JSON数据自动转换(上)