codecamp

JS遍历Json字符串

将Json字符串转换成JSON对象

var t='{"firstName": "cyra", "lastName": "richardson"}'; 
var obj = eval('(' + t + ')');

遍历读取键值对


for(var str in obj){ 
    alert(str+'='+obj[str]); 
}

代码示例:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
   var t="{'firstName': 'cyra', 'lastName': 'richardson', 'address': { 'streetAddress': '1 Microsoft way', 'city': 'Redmond', 'state': 'WA', 'postalCode': 98052 },'phoneNumbers': [ '425-777-7777','206-777-7777' ] }";

var jsonobj=eval('('+t+')');//单个JSON对象时要加括号,JSON数组就不需要了
    alert(jsonobj.firstName);
    alert(jsonobj.lastName);

var t2="[{name:'zhangsan',age:'24'},{name:'lisi',age:'30'},{name:'wangwu',age:'16'},{name:'tianqi',age:'7'}] ";
var myobj=eval(t2);
for(var i=0;i<myobj.length;i++){
   alert(myobj[i].name);
   alert(myobj[i].age);
}

var t3="[['<a href=# onclick=openLink(14113295100,社旗县国税局桥头税务所,14113295100,d6d223892dc94f5bb501d4408a68333d,swjg_dm);>14113295100</a>','社旗县国税局桥头税务所','社旗县城郊乡长江路西段']]";
//通过eval() 函数可以将JSON字符串转化为对象
var obj = eval(t3);
for(var i=0;i<obj.length;i++){
   for(var j=0;j<obj[i].length;j++){
alert(obj[i][j]);
   }
}
/*
stringifier 函数的作用跟 parse 相反, 用来将一个js对象转换为 JSON 文本。
var jsonText = JSON.stringify(obj);
alert(jsonText);
//如果基于安全的考虑的话,最好是使用一个 JSON 解析器。 一个 JSON 解析器将只接受 JSON 文本。所以是更安全的。
var myObject = JSON.parse(myJSONtext, filter);  
//可选的 filter 参数将遍历每一个value key 值对, 并进行相关的处理。如:
//如
myData = JSON.parse(text, function (key, value) {       
return key.indexOf('date') >= 0 ? new Date(value) : value;    });
//stringifier 函数的作用跟 parse 相反, 用来将一个js对象转换为 JSON 文本。
var myJSONText = JSON.stringifier(myObject);
*/
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>

附加JSP后台拼JSON字符串

<%@ page contentType="text/html;charset=GBK" %>
<%@ taglib uri="/tags/web-flex" prefix="flex"%>
<%@ taglib uri="/tags/web-grid" prefix="grid"%>
<%@ taglib uri="/tags/web-html" prefix="html"%>
<%@ taglib uri="/tags/web-sotower" prefix="sotower"%>
<%@ taglib uri="/tags/sotower-bsp" prefix="bsp"%>
<%@page import="java.util.List"%>
<%@page import="com.wuynw.ygxx.po.WyYuang"%>
<%
 List reslist=(List)request.getAttribute("flexgrid.data");
StringBuilder sb=new StringBuilder();
sb.append("[");
 for(int i=0;i<reslist.size();i++)
 {
     WyYuang w=(WyYuang)reslist.get(i);
     if(i>0)
     {
     sb.append(",");
     }
     sb.append("{").append("\"").append("id").append("\"").append(":");
     sb.append("\"").append(w.getId()).append("\"").append(",");
     sb.append("\"").append("name").append("\"").append(":");
     sb.append("\"").append(w.getXingm()).append("\"").append(",");
     sb.append("\"").append("gongh").append("\"").append(":");
     sb.append("\"").append(w.getGongh()).append("\"").append(",");
     sb.append("\"").append("zhiw").append("\"").append(":");
     sb.append("\"").append(w.getZhiw()).append("\"").append(",");
     sb.append("\"").append("ruzrq").append("\"").append(":");
     sb.append("\"").append(w.getRuzrq()).append("\"").append("}");
}
sb.append("]");
out.print(sb.toString());
%>


jQuery 遍历Json的实现代码
直接在JS里创建JSON数据然后遍历使用
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }