亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

json2.js 入門教程之使用方法與實例分析

2019-11-19 15:26:26
字體:
來源:轉載
供稿:網友

json2.js主要功能是做什么的?

json2.js提供了json的序列化和反序列化方法,可以將一個json對象轉換成json字符串,也可以將一個json字符串轉換成一個json對象。

json2.js在瀏覽器不支持json.parse的內置方法時,最有效。json2.js會創建一個內部的全局變量,提供json對象與字符串之間的轉換。

由于eval已經不提倡使用了,并存在一定的危險,建議使用內置parse json的方法,或者直接使用json2.js。

json2.js的源碼地址:

https://github.com/douglascrockford/JSON-js

Visual Studio用戶可以直接通過Nuget來獲得。

使用方法很簡單:

1、引用json2.js:

<script type="text/javascript" src="/CoreResource/JS/json2.min.js"></script>

2、JSON.stringify() 序列化方法

方法用于將javaScript 的json數據轉化為json格式的文本串。主要用于向服務端返回數據。

var jsonObj = { "id": "01", "name": "Tom" };JSON.stringify(jsonObj);

3、JSON.parse()反序列化方法

var jsonString = {"id": "01", "name": "Tom" };JSON.parse(jsonString);

用于將json格式的文本串轉化為javaScript 的json數據,例如:

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 );

然后就可以通過前端javascript代碼解析json文本傳遞過來的數據,json是一種以key:value的復合格式存儲數據的協議,這樣簡化了數據傳遞量,比較xml更能減輕客戶端負載。

但是個人感覺json數據格式沒有xml文件那樣一目了然!

3. Json驗證工具

(1). Json文本在線驗證工具JSONLint:http://jsonlint.com/
通過此在線工具驗證json格式文本串是否符合json數據格式。

Json格式查看器json viewer 1.1 漢化中文綠色版

下面是其他網友的補充

需要加載json2.js

這是個人在最近使用json時做的總結,拿出來給沒接觸過的小弟們曬曬,適用與沒接觸過json的人員,其中json2。js請到json官網下載。

<script> //直接聲明json數據結構 var myJSONObject = {"bindings": [     {"ircEvent": "PRIVMSG", "method": "newURI", "regex": "^http://.*"},     {"ircEvent": "PRIVMSG", "method": "deleteURI", "regex": "^delete.*"},     {"ircEvent": "PRIVMSG", "method": "randomURI", "regex": "^random.*"}   ] }; //聲明字符串,可對比一下json文本與我們正常文本的區別 var normalstring='[{persons:[{name:"jordan",sex:"m",age:"40"}, {name:"bryant",sex:"m",age:"28"}, {name:"McGrady",sex:"m",age:"27"} ]}]';var jsontext='[{"persons":[{"name":"jordan","sex":"m","age":"40"}, {"name":"bryant","sex":"m","age":"28"}, {"name":"McGrady","sex":"m","age":"27"} ]}]'; //調用eval函數轉換為json對象, var myE = eval(normalstring);document.writeln(myE '<br><br>'); //將json對象轉換為字符串var text = JSON.stringify(myE);//對比轉換后的json文本與聲明的文本區別document.writeln('轉換后的json文本:' text '<br><br>聲明的json格式文本' jsontext '<br><br>聲明的普通格式文本' normalstring '<br><br>'); //當安全比較重要的時候使用JSON解析就好一些。JSON解析只會識別JSON文本并且它更安全,下面調用json的parse函數對文本數據轉換生成json數據結構 var myData = JSON.parse(jsontext);document.writeln(myData '<br><br>'); //下面是對json對象的增刪查改操作//聲明json對象 var jsonObj2={persons:[{name:"jordan",sex:"m",age:"40"}, {name:"bryant",sex:"m",age:"28"}, {name:"McGrady",sex:"m",age:"27"} ]};var persons=jsonObj2.persons;var str="";var person={name:"yaoMing",sex:"m",age:"26"};//以下為json對象的操作,去掉注釋可以查看操作結果//jsonObj2.persons.push(person);//數組最后加一條記錄//jsonObj2.persons.pop();//刪除最后一項//jsonObj2.persons.shift();//刪除第一項jsonObj2.persons.unshift(person);//數組最前面加一條記錄 只要適合Javascript的方法都是可以用在JSON對象的數組中的!所以還有另外的方法splice( )進行crud操作! //刪除//jsonObj2.persons.splice(0,2);//開始位置,刪除個數//替換不刪除var self={name:"tom",sex:"m",age:"24"};var brother={name:"Mike",sex:"m",age:"29"};jsonObj2.persons.splice(1,0,self,brother,self);//開始位置,刪除個數,插入對象//替換并刪除//jsonObj2.persons.splice(0,1,self,brother);//開始位置,刪除個數,插入對象for(var i=0;i<persons.length;i ){ var cur_person=persons[i]; str =cur_person.name "'sex is " cur_person.sex " and age is " cur_person.age "<br><br>"; }document.writeln(str);//轉換為json文本var myjsonobj = JSON.stringify(jsonObj2);document.writeln(myjsonobj);</script>

 3、增強功能:

比如說,我們的數據非常復雜,還有類似頭像,昵稱,個人簽名之類的信息。
可是我保存在本地,只需要用戶名,和性別,腫么破呢?
也許你會說 so easy, 遍歷數據重新提取下即可。
例如:

data = [  {name: , sex:, age: },  {name: , sex:, age: },  {name: , sex:, age: }]; ( i=, new_data=[]; i<data.length; i++) {  new_data.push({    name: data[i].name,    sex: data[i].sex  });} str_json = .stringify(new_data);console.log(str_json);var data = [  {name: "王尼瑪", sex:1, age: 30},  {name: "王尼美", sex:0, age: 20},  {name: "王大錘", sex:1, age: 30}];for (var i=0, new_data=[]; i<data.length; i++) {  new_data.push({    name: data[i].name,    sex: data[i].sex  });}var str_json = JSON.stringify(new_data);console.log(str_json);

確實分分鐘搞定。

其實我們只需要用 stringify 第二個參數即可簡單處理這種問題。

 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);

第二個參數只要傳入需要的keys數組,就非常輕松的就完成這種處理了。

當然如果我們要更糾結的處理,比如要把 1,0 修改為男女,那么第二個參數可以用回調函數來處理。

 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);

第二個參數如此強悍,為我們省去了不少麻煩。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美成人精品激情在线观看| 91色精品视频在线| 狠狠色狠色综合曰曰| 日本高清视频精品| 欧美一级淫片aaaaaaa视频| 国产欧美精品va在线观看| 国产精品久久久久久五月尺| 永久免费看mv网站入口亚洲| 久久网福利资源网站| 亚洲高清福利视频| 精品免费在线视频| 日韩免费观看视频| 国产成人鲁鲁免费视频a| 一本色道久久综合狠狠躁篇怎么玩| 国产噜噜噜噜噜久久久久久久久| 亚洲国产91精品在线观看| 日韩不卡在线观看| 丝袜亚洲欧美日韩综合| 亚洲a中文字幕| 成人精品在线观看| 亚洲日韩中文字幕在线播放| 91免费在线视频网站| 亚洲视频在线观看免费| 日韩av在线免费观看一区| 亚洲精品一区av在线播放| 亚洲欧美日韩图片| 精品久久久久久久久久ntr影视| 色悠久久久久综合先锋影音下载| www日韩中文字幕在线看| 国产91成人在在线播放| 欧美大片在线看| 欧美一乱一性一交一视频| 福利精品视频在线| 美女少妇精品视频| 国产亚洲精品久久久久久| 98精品国产高清在线xxxx天堂| 国产精品成人一区二区三区吃奶| 欧美性猛交xxxx久久久| 久久久精品一区二区三区| 中文字幕一区二区三区电影| 欧美高清激情视频| 国产成人自拍视频在线观看| 中文字幕在线成人| 亚洲欧美日韩精品久久亚洲区| 欧美富婆性猛交| 97视频在线观看免费高清完整版在线观看| 精品在线观看国产| 色偷偷av一区二区三区乱| 日韩成人中文电影| 国产精品成人免费视频| 日韩在线www| 国产成人avxxxxx在线看| 欧美日本亚洲视频| 日韩亚洲欧美中文高清在线| 中文欧美在线视频| 亚洲人精品午夜在线观看| 日韩美女主播视频| 国产视频精品自拍| 久久九九全国免费精品观看| 激情懂色av一区av二区av| 国产精品久久久亚洲| 久久精品国产综合| 在线亚洲男人天堂| 欧美成人性色生活仑片| 亚洲午夜未满十八勿入免费观看全集| 国产精品久久久久国产a级| 亚洲精品aⅴ中文字幕乱码| 91成人天堂久久成人| 亚洲福利视频网| 亚洲一区二区三区成人在线视频精品| 久久亚洲精品成人| 国产精品视频1区| 日韩av在线高清| 国产精品欧美一区二区| 国产精品久久久久77777| 亚洲欧美日韩天堂| 亚洲乱码国产乱码精品精天堂| 欧美精品午夜视频| 中文字幕亚洲欧美在线| 欧美电影免费观看| 欧美xxxwww| 91精品久久久久久久久不口人| 日韩成人av在线播放| 亚洲国产精品成人av| 欧美国产日韩在线| 国产精品电影网站| 亚洲a在线观看| 国产亚洲精品va在线观看| 日韩欧美精品网址| 亚洲国产精品久久久久秋霞不卡| 91精品国产综合久久香蕉的用户体验| 亚洲高清不卡av| 91精品视频播放| 日本伊人精品一区二区三区介绍| 久久综合88中文色鬼| 国产精选久久久久久| 668精品在线视频| 久久乐国产精品| 亚洲高清一区二| 精品视频在线播放色网色视频| 久久九九全国免费精品观看| 丝袜美腿精品国产二区| 成人综合国产精品| 日韩高清av一区二区三区| 精品久久久久久电影| 国产国语刺激对白av不卡| 午夜精品久久久久久久久久久久| 久久99热精品| 欧美午夜丰满在线18影院| 国产精品高潮呻吟久久av无限| 欧美一级成年大片在线观看| 97精品国产97久久久久久免费| 91精品国产综合久久香蕉的用户体验| 欧美精品www在线观看| 国产女精品视频网站免费| 欧美电影免费看| 不卡毛片在线看| 欧美日韩成人在线观看| 国产精品午夜一区二区欲梦| 欧洲永久精品大片ww免费漫画| 国模极品一区二区三区| 欧美极品少妇xxxxx| 国产成人精品网站| 国产精品一区二区久久久| 欧美日韩美女视频| 91成人免费观看网站| 亚洲国产日韩欧美综合久久| 日韩av在线影视| 亚洲网站在线看| 91青草视频久久| 成人亚洲欧美一区二区三区| 成人欧美一区二区三区黑人孕妇| 国产综合在线视频| 欧美成人全部免费| 国产精品美女主播在线观看纯欲| 国内伊人久久久久久网站视频| 精品二区三区线观看| 欧美电影免费观看大全| 色婷婷成人综合| 久久亚洲国产精品成人av秋霞| 少妇高潮 亚洲精品| 久久五月天色综合| 亚洲国产精彩中文乱码av| 伊人久久免费视频| 欧美在线日韩在线| 国色天香2019中文字幕在线观看| 97久久超碰福利国产精品…| 亚洲jizzjizz日本少妇| 深夜福利91大全| 日韩专区在线播放| 色婷婷久久一区二区| 美女撒尿一区二区三区| 国产日韩综合一区二区性色av| 91九色综合久久| 午夜精品免费视频| 欧美性猛交xxx| 国产一区二区三区网站| 国产精品中文字幕在线| 欧美又大粗又爽又黄大片视频| 亚洲一区www| 久久久久久久色| 色综合久久天天综线观看| 欧美一区二区三区精品电影| 欧美性资源免费|