JSONコード記述仕様

高洛峰
リリース: 2016-12-17 15:02:13
オリジナル
1802 人が閲覧しました

AJAX がフロントエンドとバックエンドのデータ対話を実装する場合、通常は JSON のデータ形式が使用されます。JSON には厳密なコード仕様があり、形式に問題があると、対応する効果を表示できなくなります。エラーはコンソールには報告されません。では、JSON を記述するための仕様は何ですか。

JSONとは何ですか?

フロントエンドとバックエンド間の対話では、通常、メッセージが相互に送信されるため、双方が「理解できる」言語が必要です。ここでのデータ形式は言語を表します。 JSON は、フロントエンドとバックエンドの両方で理解できる「言語」です。

JSONの種類

JSONにもさまざまな組織形式があり、1つはJSONオブジェクト、もう1つはJSON配列です。したがって、コードを記述するときは、オブジェクトと配列の基本的な記述方法に従う必要があります。

1. 配列メソッド

[{
            "city" : "BeiJing",
            "num" : 5
        }, {
            "city" : "ShenZhen",
            "num" : 5
        }, {
            "city" : "XiaMen",
            "num" : 5
        }]
ログイン後にコピー

2. オブジェクトメソッド

{
            "user" : "ZhangSan",

            "type" : "work",

            "team" : [{
                "city" : "BeiJing",
                "num" : 3
            }, {
                "city" : "GuangZhou",
                "num" : 3
            }, {
                "city" : "ShangHai",
                "num" : 3
            }]
        }
ログイン後にコピー

JSONを記述する際の注意事項

1. 配列またはオブジェクト内の文字列は二重引用符を使用する必要があります。一重引用符は使用できません

{'user' : ' zhangsan'} //違法
{"user": 'zhangsan'}//違法

2. オブジェクトのメンバー名には二重引用符を使用する必要があります

{"user" : "zhangsan"}//合法

3. 配列またはオブジェクトの最後のメンバーの後にカンマを置くことはできません

[{
            "city" : "BeiJing",
            "num" : 5,//不合法
        }, {
            "city" : "ShenZhen",
            "num" : 5,//不合法
        }]
ログイン後にコピー

4. 配列またはオブジェクトの各メンバーの値は、単純な値または複合値にすることができます。単純な値には、文字列、数値 (10 進数で表現する必要があります)、ブール値、null (NaN、Infinity、-Infinity、unknown はすべて null に変換されます) の 4 種類があります。複合値には、JSON 形式のオブジェクトと JSON 形式の配列の 2 種類があります。

{"age" : ox16}//不正です、値は10進数でなければなりません
{"city" : unknown}//不正ですので、未定義を使用してください

1 {"city" : null,

2 "getcity ": function() {

3 console.log("Error use");

4 }}//JSON ではカスタム関数やシステム組み込み関数 (Date() など) は使用できません



JSON コード記述仕様に関連するその他の記事については、PHP 中国語 Web サイトに注目してください。


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート