JSONの紹介

JSONはJavaScript Object Notationの略で、JSオブジェクトの簡略記法です。サーバーとクライアント間でデータを保存および交換するために使用されます。

JSONは非常に軽量なデータ交換フォーマットであり、高速で簡単に解析および生成できます。

ブラウザとサーバー間でデータを交換する場合、データはテキストでなければなりません。

JSONはテキストであり、どんなJavaScriptオブジェクトもJSONに変換して、JSONをサーバーに送信できます。

サーバーから受け取ったJSONデータを任意のJavaScriptオブジェクトに変換することもできます。

データを送信

データがJavaScriptオブジェクトに保存されている場合、それをJSONに変換してサーバーに送信できます。

以下の例では、JavaScriptオブジェクトをJSON形式に変換して、それをサーバーに送信します：

var myObj = {name: "Seagull", age:　22, city: "New Delhi"};
var myJSON = JSON.stringify(myObj);
window.location = "json_demo.php?q="　+　myJSON;

あなたはJSON.stringify()このチュートリアルの後半部分でこの方法について詳しく説明します。

データを受け取る

JSON形式のデータを受け取った場合、それをJavaScriptオブジェクトに変換できます。

以下の例では、JSON形式で書かれた文字列をJavaScriptオブジェクトに変換します：

var myJSON = '{"name":"Seagull", "age":22, "city":"New Delhi"}';
var myObj = JSON.parse(myJSON);
document.getElementById("output").innerHTML = myObj.name　+　" に住んでいます"　+　myObj.city;

あなたはJSON.parse()このチュートリアルの後半部分でこの方法について詳しく説明します。

データを保存

JSONはJavaScriptオブジェクトをテキストとして保存できます。

以下の例では、JSONを使用してローカルストレージにユーザー情報を保存および検索する方法を示します：

//　データを保存
var myObj = {name: "Seagull", age:22, city: "New Delhi"};
var myJSON = JSON.stringify(myObj);
localStorage.setItem("demoJSON", myJSON);
//　データの取得
var data = localStorage.getItem("demoJSON");
var obj = JSON.parse(data);
document.getElementById("output").innerHTML = obj.name　+　「　居住在　」　+　obj.city;

LocalStorageオブジェクトに関する詳細情報を知りたい場合は、以下のページを訪れてくださいHTML5 Web Storage API。

何がJSONですか？

JSONは軽量でテキストベースのオープン標準であり、人間が読みやすいデータ交換に使用されることを目的としています。

• JSON表現　JavaScript Object Notation

• JSON形式はDouglas Crockfordによって指定されました

• JSONは人間が読みやすいデータ交換に特化しています

• JSONはJavaScriptスクリプト言語から拡張されました

• JSONは「自己記述」であり、理解しやすいです

• JSONは言語に関連していません

• JSONのファイル拡張子は.jsonです

• JSONインターネットメディアタイプはapplicationです/json

• 統一型識別子はpublic.jsonです

JSONはJavaScript文法を使用しますが、JSON形式はテキストのみです。

どんなプログラミング言語でもテキストを読み取り、データ形式として使用できます。

なぜJSONを使用するべきですか？

JSON形式はテキストのみで、サーバー間で簡単に送信でき、どんなプログラミング言語でもデータ形式として使用できます。

JSON形式はネットワーク接続を通じて構造化データをシリアライズおよび送信するために使用されます。

JavaScriptには内蔵機能がありますJSON.parse()を使用すると、JSON形式で書かれた文字列をローカルJavaScriptオブジェクトに変換できます。

したがって、JSON形式でサーバーからデータを受け取った場合、他のJavaScriptオブジェクトと同じように使用できます。