概述
現在JSON格式在web開發中越來越受重視,特別是在使用ajax開發項目的過程中,經常需要將json格式的字符串返回到前端,前端解析成JS對象(JSON )。
ECMA-262(E3)中沒有將JSON概念寫到標準中,還好在 ECMA-262(E5)中JSON的概念被正式引入了,包括全局的JSON對象和Date的toJSON方法。
解析JSON數據的三種方法
eval()方法
解析JSON數據的最常用方法是使用javascript的eval()方法,代碼如下:
function toJson(str){
var json = eval('(' + str + ')');
return json;
}
該方法存在性能和安全方面的問題,不建議使用。
function toJson(str){
var json = (new Function("return " + str))();
return json;
}
function toJson(str){
return JSON.parse(str);
}
json2.js會在瀏覽器原生支持JSON.parse的時候選用原生版本,而且它跟ES5是API兼容的。在ES5還沒完全普及的現狀下,John Resig大神推薦用json2.js主要是為了現在就能用跟ES5兼容的API,日后能平滑過渡到ES5——只要去掉一個import就換過來了。
javascript解析json實例詳解
下載json庫
http://www.json.org/json-zh.html自己找javascript的
或者直接去下面的
https://github.com/douglascrockford/JSON-js
php生成json格式
使用頁面
代碼如下:
<script src="scripts/json.js"></script>
alert(data.toJSONString());
js 代碼
代碼如下:
functionshowJSON() {
varuser =
{
"username":"tom",
"age":20,
"info": {"tel":"123456","cellphone":"98765"},
"address":
[
{"city":"shanghai","postcode":"201203"},
{"city":"suzhou","postcode":"200000"}
]
}
alert(user.username);
alert(user.age);
alert(user.info.cellphone);
alert(user.address[0].city);
alert(user.address[0].postcode);
}
修改
代碼如下:
user.username ="jerry";
可以使用eval來轉換JSON字符到Object
代碼如下:
functionmyEval() {
varstr = '{"name":"Violet","occupation":"character"}';
varbj = eval('(' + str + ')');
alert(obj.toJSONString());
}
functionmyEval() {
varstr = '{"name":"Violet","occupation":"character"}';
varbj = str.parseJSON();
alert(obj.toJSONString());
}