json的js解析方法

来源：互联网发布：徐老师淘宝店二维码编辑：程序博客网时间：2024/06/08 12:16

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>json测试中心</title>

<script src="js/jquery-1.8.2.js"></script>
<link rel="stylesheet" type="text/css" href="../css/list.css" />
<script language="javascript" type="text/javascript">
//<![CDATA[

var json1=[{"id":1,"text":"湖南","idf":5.82,"mark":87,"docnum":15,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+湖南\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":2,"text":"镉超标","idf":15.86,"mark":79,"docnum":5,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+镉超标\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":3,"text":"大米","idf":6.79,"mark":74,"docnum":11,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+大米\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":4,"text":"5月20日","idf":22.51,"mark":67,"docnum":3,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+5月20日\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":5,"text":"抽检","idf":8.69,"mark":60,"docnum":7,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+抽检\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":6,"text":"超标","idf":6.92,"mark":55,"docnum":8,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+超标\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":7,"text":"0条","idf":13.02,"mark":52,"docnum":4,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+0条\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":8,"text":"批次","idf":7.34,"mark":51,"docnum":7,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+批次\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":9,"text":"5月","idf":11.07,"mark":44,"docnum":4,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+5月\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":10,"text":"重金属污染","idf":10.24,"mark":40,"docnum":4,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+重金属污染\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":11,"text":"米厂","idf":12.75,"mark":38,"docnum":3,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+米厂\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":12,"text":"湖南省","idf":7.36,"mark":36,"docnum":5,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+湖南省\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":13,"text":"攸县","idf":11.12,"mark":33,"docnum":3,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+攸县\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":14,"text":"土壤","idf":7.48,"mark":29,"docnum":4,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+土壤\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":15,"text":"粮食","idf":6.91,"mark":27,"docnum":4,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+粮食\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":16,"text":"水稻","idf":8.85,"mark":26,"docnum":3,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+水稻\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":17,"text":"2013","idf":8.76,"mark":26,"docnum":3,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+2013\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":18,"text":"销往","idf":8.69,"mark":26,"docnum":3,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+销往\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":19,"text":"江西","idf":6.37,"mark":25,"docnum":4,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+江西\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":20,"text":"污染","idf":6.15,"mark":24,"docnum":4,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+污染\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":21,"text":"会展中心","idf":8.19,"mark":24,"docnum":3,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+会展中心\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":22,"text":"东莞市","idf":8.11,"mark":24,"docnum":3,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+东莞市\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":23,"text":"肝脏","idf":6.98,"mark":20,"docnum":3,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+肝脏\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":24,"text":"通报","idf":6.92,"mark":20,"docnum":3,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+通报\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":25,"text":"食品安全","idf":6.81,"mark":20,"docnum":3,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+食品安全\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":26,"text":"企业","idf":3.97,"mark":19,"docnum":5,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+企业\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":27,"text":"记者","idf":4.3,"mark":17,"docnum":4,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+记者\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":28,"text":"教授","idf":5.6,"mark":16,"docnum":3,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+教授\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":29,"text":"昨日","idf":5.16,"mark":15,"docnum":3,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+昨日\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":30,"text":"深圳","idf":4.88,"mark":14,"docnum":3,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+深圳\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":31,"text":"评论","idf":4.78,"mark":14,"docnum":3,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+评论\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":32,"text":"公布","idf":4.76,"mark":14,"docnum":3,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+公布\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":33,"text":"生产","idf":4.66,"mark":13,"docnum":3,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+生产\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":34,"text":"全国","idf":4.21,"mark":12,"docnum":3,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+全国\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"},{"id":35,"text":"问题","idf":2.76,"mark":11,"docnum":4,"searchUrl":"http://202.85.215.177/huasheng/search_query.action?conditions={\"keywords\":\"(湖南)+问题\",\"period\":\"month\",\"startPosition\":0,\"offSet\":20}"}]

function contactList(jsons){

var table = document.getElementById("listable");
var arr = eval(jsons);
for(var i=0; i<arr.length; i++){
var jsonObj = arr[i]; //获取json对象
var title;
if(i==0)
title = table.insertRow(table.rows.length);

var tr = table.insertRow(table.rows.length);

var td1 = tr.insertCell(0);
td1.align = "center";
var td2 = tr.insertCell(1);
td2.align = "center";
var td3 = tr.insertCell(2);
td3.align = "center";

//tr.onclick=tru();
tr.className="";
if((i+1)%2==1)
tr.className="odd";

tr.id="row"+(i+1);
// var lists={"id","text","idf","mark","docnum","searchurl"};

var k=0;
var p=0;
if(i==0)
{
title.className="";
title.insertCell(0).innerHTML="testid";

for(q in jsonObj)
{

title.insertCell(++p).innerHTML=q;

}

}

var strs="";
tr.insertCell(0).innerHTML=i+1;
for(j in jsonObj)
{
strs=jsonObj[j]+"";

if(strs.indexOf("http://")!=-1)
{
strs="<a href="+strs+" title="+strs+" target=_blank"+" >点击查看网页</a>";
//strs="<a href=http://www.baidu.com>baidu</a>";

}
else
if(strs.length>=20)
{
strs=strs.substr(0,20);
//alert(strs);
}
k++;
tr.insertCell(k).innerHTML=strs;

}

}
}

function pageInit(){
var contact = "[{id:1,name:'张三',phone:'12345'},{id:2,name:'张三',phone:'12345'},{id:3,name:'张三',phone:'12345'}]";
contactList(json1);
}
//]]
</script>
</head>
<body >
<table width="100%" border="0" cellspacing="0" id="listable">
<tr bgcolor=#00ff00 style="font-size:18px;FONT-WEIGHT:bold;">
<td align="center">json1</td>
<td align="center">json2</td>
<td align="center">json3</td>
</tr>
</table>

<script type="text/javascript">

pageInit();


function init(){
var trs=document.getElementsByTagName('tr');

for(var i=2;i<trs.length;i++)
{
//alert(trs[i].id);

if (window.addEventListener) {
// safari, chrome, firefox
//addEventListener(string eventFlag, function eventFunc, [bool useCapture=false])
// useCapture: 指定是否绑定在捕获阶段，true为是，false为否，默认为true
trs[i].addEventListener("mouseover", function(){ if(this.className != "sel" && this.className != "notavlb") this.className = "hv"; }, false);
trs[i].addEventListener("mouseout", function(){ var o=this;if(o.className != "sel" && o.className != "notavlb") {
var row = o.id;

row = row.substring(3,row.length);
row = row%2;

if(row==0) o.className = "";
else o.className = "odd";

}}, false);

//执行顺序11 -> 12
} else { // IE opera
trs[i].attachEvent("onclick", function(){alert("21");});
trs[i].attachEvent("onclick", function(){alert("22");});
//执行顺序22 -> 21
}

}

}

init();
</script>

</body>
</html>