json2.js怎么用
這篇文章給大家分享的是有關(guān)json2.js怎么用的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。
目前創(chuàng)新互聯(lián)公司已為成百上千的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬主機(jī)、成都網(wǎng)站托管、企業(yè)網(wǎng)站設(shè)計(jì)、西和網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶(hù)導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶(hù)和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。
json2.js主要功能是做什么的？
json2.js提供了json的序列化和反序列化方法，可以將一個(gè)json對(duì)象轉(zhuǎn)換成json字符串，也可以將一個(gè)json字符串轉(zhuǎn)換成一個(gè)json對(duì)象。
json2.js在瀏覽器不支持json.parse的內(nèi)置方法時(shí)，最有效。json2.js會(huì)創(chuàng)建一個(gè)內(nèi)部的全局變量，提供json對(duì)象與字符串之間的轉(zhuǎn)換。
由于eval已經(jīng)不提倡使用了，并存在一定的危險(xiǎn)，建議使用內(nèi)置parse json的方法，或者直接使用json2.js。
json2.js的源碼地址：
https://github.com/douglascrockford/JSON-js
Visual Studio用戶(hù)可以直接通過(guò)Nuget來(lái)獲得。
使用方法很簡(jiǎn)單：
1、引用json2.js：
2、JSON.stringify() 序列化方法
方法用于將javaScript 的json數(shù)據(jù)轉(zhuǎn)化為json格式的文本串。主要用于向服務(wù)端返回?cái)?shù)據(jù)。
var jsonObj = { "id": "01", "name": "Tom" };
JSON.stringify(jsonObj);3、JSON.parse()反序列化方法
var jsonString = {"id": "01", "name": "Tom" };
JSON.parse(jsonString);用于將json格式的文本串轉(zhuǎn)化為javaScript 的json數(shù)據(jù)，例如:
var records =
{
"table": "GPS_MANAGER",
"token": "32sdfj-349sfdnfs32-fsdf348imfg323-df34",
"pk": "GPS_LONGITUDE,GPS_LATITUDE",
"rows": [
{
"type": "modify",
"columns": [
{
"GPS_LONGITUDE": "GPS_LONGITUDE",
"old": "",
"new": "112.9152287"
},
{
"GPS_LATITUDE": "GPS_LATITUDE",
"old": "",
"new": "22.6689977"
},
{
"GPSMARK": "GPSMARK",
"old": "",
"new": "1"
},
{
"RTUNAME": "RTUNAME",
"old": "",
"new": "大邊巖站"
},
{
"RTUID": "RTUID",
"old": "",
"new": "13525"
},
{
"NOTE": "NOTE",
"old": "",
"new": "undefined"
},
{
"Y": "Y",
"old": "",
"new": "2508146.500000"
},
{
"X": "X",
"old": "",
"new": "696776.812500"
},
{
"GPS_HEIGHT": "GPS_HEIGHT",
"old": "",
"new": "0"
},
{
"GPS_GUID": "GPS_GUID",
"old": "",
"new": "1381c526-2d90-442f-889c-731485a960c1"
}
]
}
]
}
var jsonObj = JSON.parse(records );然后就可以通過(guò)前端javascript代碼解析json文本傳遞過(guò)來(lái)的數(shù)據(jù)，json是一種以key:value的復(fù)合格式存儲(chǔ)數(shù)據(jù)的協(xié)議，這樣簡(jiǎn)化了數(shù)據(jù)傳遞量，比較xml更能減輕客戶(hù)端負(fù)載。
但是個(gè)人感覺(jué)json數(shù)據(jù)格式?jīng)]有xml文件那樣一目了然！
3. Json驗(yàn)證工具
(1). Json文本在線驗(yàn)證工具JSONLint：http://jsonlint.com/
通過(guò)此在線工具驗(yàn)證json格式文本串是否符合json數(shù)據(jù)格式。
Json格式查看器json viewer 1.1 漢化中文綠色版
下面是其他網(wǎng)友的補(bǔ)充
需要加載json2.js
這是個(gè)人在最近使用json時(shí)做的總結(jié)，拿出來(lái)給沒(méi)接觸過(guò)的小弟們曬曬，適用與沒(méi)接觸過(guò)json的人員，其中json2。js請(qǐng)到j(luò)son官網(wǎng)下載。
3、增強(qiáng)功能：
比如說(shuō)，我們的數(shù)據(jù)非常復(fù)雜，還有類(lèi)似頭像，昵稱(chēng)，個(gè)人簽名之類(lèi)的信息。
可是我保存在本地，只需要用戶(hù)名，和性別，腫么破呢？
也許你會(huì)說(shuō) so easy, 遍歷數(shù)據(jù)重新提取下即可。
例如：
data = [
{name: , sex:, age: },
{name: , sex:, age: },
{name: , sex:, age: }
]; ( i=, new_data=[]; i確實(shí)分分鐘搞定。
其實(shí)我們只需要用 stringify 第二個(gè)參數(shù)即可簡(jiǎn)單處理這種問(wèn)題。
data = [
{name: , sex:, age: },
{name: , sex:, age: },
{name: , sex:, age: }
]; str_json = .stringify(data, [, ]);
console.log(str_json);
var data = [
{name: "王尼瑪", sex:1, age: 30},
{name: "王尼美", sex:0, age: 20},
{name: "王大錘", sex:1, age: 30}
];
var str_json = JSON.stringify(data, ["name", "sex"]);
console.log(str_json);第二個(gè)參數(shù)只要傳入需要的keys數(shù)組，就非常輕松的就完成這種處理了。
當(dāng)然如果我們要更糾結(jié)的處理，比如要把 1,0 修改為男女，那么第二個(gè)參數(shù)可以用回調(diào)函數(shù)來(lái)處理。
data = [
{name: , sex:, age: },
{name: , sex:, age: },
{name: , sex:, age: }
]; str_json = .stringify(data,
(k === ) { [, ][v];
} v;
});
console.log(str_json);
var data = [
{name: "王尼瑪", sex:1, age: 30},
{name: "王尼美", sex:0, age: 20},
{name: "王大錘", sex:1, age: 30}
];
var str_json = JSON.stringify(data, function (k, v) {
if (k === "sex") {
return ["女", "男"][v];
}
return v;
});
console.log(str_json);感謝各位的閱讀！關(guān)于“json2.js怎么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！
名稱(chēng)欄目：json2.js怎么用
當(dāng)前路徑：http://www.jiaotiyi.com/article/ihipgh.html