html前台解析json数据库,json数据解析 - 前端小谢的个人空间 - OSCHINA - 中文开源技术交流社区...

1.无加密数据

{"name":"xiegaorui","age":"23"}

var json = eval("(" + data.r + ")");

var json=JSON.parse(str);

改进js

window.οnlοad=function(){

var str='{"nam":"小谢","age":"24"}';

// var json=eval("("+str+")");

var json=JSON.parse(str);

var xiugai=document.getElementById("name").innerHTML=json.nam;

}

谢高瑞

改进js

window.οnlοad=function(){

var people = '{"firstname":"Jesper","surname":"Aaberg","phone":["555-0100","555-0120"]}';

debugger;

var json=JSON.parse(people); //解析后的json = Object {firstname: "Jesper", surname: "Aaberg", phone: Array[2]},

document.getElementById("name").innerHTML=json.phone[1];//或者json["phone"][0]

};

谢高瑞

改进js

window.οnlοad=function(){

var people ='{"name":"王五","age":"18","work":{"name":"programer","salary":"3k"}}';

//debugger;

var json=JSON.parse(people);//解析后的json json = Object {name: "王五", age: "18", work: Object},

document.getElementById("name").innerHTML=json.work.name;

};

谢高瑞

2.json数组

改进js

window.οnlοad=function(){

var people = {

"programmers": [{

"firstName": "Brett",

"lastName": "McLaughlin",

"email": "aaaa"

}, {

"firstName": "Jason",

"lastName": "Hunter",

"email": "bbbb"

}],

"authors": [{

"firstName": "Isaac",

"lastName": "Asimov",

"genre": "sciencefiction"

}, {

"firstName": "Tad",

"lastName": "Williams",

"genre": "fantasy"

}],

"musicians": [{

"firstName": "Eric",

"lastName": "Clapton",

"instrument": "guitar"

}, {

"firstName": "Sergei",

"lastName": "Rachmaninoff",

"instrument": "piano"

}]

};

debugger;

var json=eval(people);//解析后的json = Object {programmers: Array[2], authors: Array[2], musicians: Array[2]}

document.getElementById("name").innerHTML=json.authors[0].genre;

};

谢高瑞

2.有加密数据解密

var json = eval("(" + decodeURIComponent(data.r )+ ")");