JSONの公式(http://www.json.org/)json.jsを提供し、json.jsは、JavaScriptのJSパッケージ、json.js、json2.js、json3.jsさでJSONを解析公式JSONであります古いから新しいバージョンへの3つは、現在一般的json3.jsを使用しています。
JSON 3現在のバージョンは3.3.2でのInternet Explorer 6、オペラ7、Safariの2およびNetscape 6を含め、現代のJavaScript JSONの実装のさまざまなプラットフォームと互換性があります。
あなたはhttps://bestiejs.github.io/json3/で、このjsファイルを取得することができます。さて、一般的に使用さjson3.jsを
json3.jsローカルダウンロードアドレス:のhttp://download.csdn.net/download/chenchunlin526/10170731
使用方法:
使用このJSパッケージ、ページファイルjson3.jsに導入する必要
JSON.parse(jsonstr); // JSON文字列はJSONオブジェクトにデシリアライズすることができます
JSON.stringify(jsonobj); // JSONオブジェクトは、JSONの文字列にシリアライズすることができます
①JSON.parse(jsonstr); // JSON文字列は、オブジェクトにデシリアライズすることができますJSON
例えば:
リスト3:
$(ドキュメント).ready(関数(){ VARの データ= " [{ "名": "chunlynn"、 "年齢":27、 "QQ": "277539687"}、 { " 名":" リンダ" 、" 年齢": 25、" QQ ":" 123456789 " }] ' ; //同上放在一行 VAR jsondata = JSON.parse(データ); console.info(jsondata); console.info(" 姓名:" + jsondata [ 0 ] .nameの)。 console.info(" 年齢:" + jsondata [ 0 ] .age)。 console.info(" QQ:" + jsondata [ 0 ] .qq)。 console.info(" QQ:" + jsondata [ 0 ] [ " QQ " ])。 console.info(jsondata instanceofのアレイ)。// 真 console.info(" jsondata [0]的JS类型: " + typeof演算 jsondata [ 0 ])。 console.info(" 年齢的JS类型: " + typeof演算 jsondata [ 0 ] .age)。// 数 console.info(" JSのQQタイプ: " + typeof演算 jsonData [ 0 ] QQ); // 文字列 })。
結果:
②JSON.stringify(jsonobj); // JSONオブジェクトは、JSONの文字列にシリアライズすることができます
リスト4:
$(ドキュメント).ready(関数(){ // JS对象、数组对象 するvar データ= [{ " 名":" chunlynn "、" 年齢":27、" QQ ":" 277539687 " }、 { " 名前":" リンダ" 、" 年齢":25、" QQ ":" 123456789 " }]。 // 行の同上行 console.info(" JSのデータ型: " + typeof演算 データ); VAR jsonData JSON.stringify =(データ); // JSON JSON文字列として標的配列 console.info(jsonData); console.info(「jsonData JSのタイプ: 「 + typeof演算 jsonData); });
次のようにより多くの使用:
<%@ページ言語= " javaの" contentTypeの= " text / htmlの;のcharset = UTF-8 " pageEncodingは= " UTF-8 "%> <HTML> <HEAD> <スクリプトSRC = " HTTPS://cdn.bootcss。 COM / json3 / 3.3.2 / json3.js " > </ SCRIPT> <スクリプトSRC = " https://cdn.bootcss.com/jquery/1.11.2/jquery.js " > </ SCRIPT> </ヘッド> <BODY> <スクリプトタイプ= " テキスト/ javascriptの" > $(ドキュメント)。READY(関数(){ // 二重のエスケープ @VARデータ= "[{\"名\ ":\" chunlynn \ "\ "年齢\":27、\ "QQ \":\ "277539687 \"}、{ "名": "リンダ"、"年齢":25、" QQ ":" 556677 "}]"。 // 单引号放在最外面、就不用转义了 するvar データ= " [{ "名前": "chunlynn"、 "年齢" 27、 "QQ": "277539687"}、{ "名前":"リンダ""年齢":25、" QQ ":" 556677" }] ' 。 VAR jsondata = JSON.parse(データ)。 console.info(jsondata)。 console.info(" 姓名:" + jsondata [ 0 ] .nameの)。 console.info(" 年龄: console.info(jsondata instanceofのアレイ)。 console.info(" jsondata [0]的JS类型: " + typeof演算 jsondata [ 0 ])。 console.info(" 年齢的JS类型: " + typeof演算 jsondata [ 0 ] .age)。 console.info(" QQ的JS类型: " + typeof演算 jsondata [ 0 ] .qq)。 VAR jsondata2 = JSON.parse(データ、関数(キー、値){ 場合 (typeof演算 値== " 番号" ){ 値 =値+ 1000年。 } 戻り 値。 }); console.info(" 姓名2:" + jsondata2 [ 0 ] .nameの)。 console.info(" 年龄2:" + jsondata2 [ 0 ] .age)。 console.info(" QQ2:" + jsondata2 [ 0 ] .qq)。 }); </スクリプト> </ BODY> </ HTML>
結果:
ダウンロード:
[1] json3.js [JS / JavaScriptのJSON JSパッケージの解析、JSONは、JSONの公式パッケージを解析] -CSDNダウンロード
http://download.csdn.net/download/chenchunlin526/10170731
もっとJSONを解析するJavaScriptの方法について、以下のブログ記事を参照してください。
[1] JavaScriptはJSON --- JSON.parse()、JSON.stringify(解析 ) 及び$ .parseJSONを()に詳述使用し
http://blog.csdn.net/chenchunlin526/article/details/78850924
お互いに私は、フロントエンドの学習交換基をセットアップ乾燥品の多くは、解決すべき初期および中期的な問題のためにグループ内であり、一緒に探求するグループにビットを歓迎し、ヘルプ907 694 362 私はあなたが前に道にセーリングを滑らかにしたいです!!