ふんわり科学技術Web教室:JavaScript JSON

2837 ワード

JSONはデータを格納して伝送するフォーマットである.
JSONは、データがサーバからウェブページに送信されるときによく使用されます.
JSONとは
  • JSONとは JavaScript Object Notation
  • JSONは、ライト級のデータ交換フォーマット
  • である.
  • JSONは言語から独立しています. *
  • JSONは「自己説明」であり、分かりやすい
  • *JSONの文法はJavaScriptの対象シンボルからの文法ですが、JSON形式は純粋なテキストです.JSONデータの読み取りと生成のコードは、任意のプログラミング言語で作成できます.
    JSONの例
    JSON文法は従業員対象を定義しています.従業員記録を含む3つの配列(対象):
    JSONの例
    {
    "employees":[
        {"firstName":"Bill", "lastName":"Gates"}, 
        {"firstName":"Steve", "lastName":"Jobs"},
        {"firstName":"Alan", "lastName":"Turing"}
    ]
    }
    JSONフォーマットはJavaScriptオブジェクトとして評価されています.
    JSON形式は、JavaScriptオブジェクトを作成するコードと文法的に同じです.
    この類似性のため、JavaScriptプログラムは、JSONデータをローカルのJavaScriptオブジェクトに容易に変換することができる.
    JSON文法規則
  • データは名前/値ペア
  • です.
  • データはカンマ区切り
  • です.
  • かっこ保存オブジェクト
  • 四角括弧保存配列
  • JSONデータ-名前と値
    JSONデータの書き方は名前/値ペアで、JavaScriptの対象属性に似ています.
    名前/値ペアは(ダブルクォーテーション)フィールド名で構成され、その後はコロンです.
    "firstName":"Bill"
     
    JSONの名前は二重引用符が必要です.JavaScriptの名前は必要ありません.
    JSONオブジェクト
    JSONの対象は括弧内に書いてあります.
    JavaScriptのように、オブジェクトは複数の名前/値ペアを含むことができます.
    {"firstName":"Bill", "lastName":"Gates"} 
     
    JSON配列
    JSON配列は大かっこで書きます.
    JavaScriptのように、配列はオブジェクトを含むことができます.
    "employees":[
        {"firstName":"Bill", "lastName":"Gates"}, 
        {"firstName":"Steve", "lastName":"Jobs"}, 
        {"firstName":"Alan", "lastName":"Turing"}
    ]
    
      
    上記の例では、オブジェクト「employes」は配列です.これは三つのオブジェクトを含んでいます.
    各対象は一人の記録(名前と姓を含む)を表します.
    JSONテキストをJavaScriptオブジェクトに変換する
    JSONの一般的な使い方は、webサーバからデータを読み取り、ページにデータを表示することです.
    簡単にするために、文字列を入力デモとして使用することができます.
    まず、JSON文法を含むJavaScript文字列を作成します.
     
      

    然后,使用 JavaScript 的内建函数 JSON.parse() 来把这个字符串转换为 JavaScript 对象:

    var obj = JSON.parse(text);
    最後に、この新しいJavaScriptオブジェクトをあなたのページで使用してください.
    実例 <span style="color: #000000;"> document.getElementById(</span>"demo").innerHTML =<span style="color: #000000;"> obj.employees[</span>1].firstName + " " + obj.employees[1<span style="color: #000000;">].lastName; </span> ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    ソース:wwww.syssoft.net.cn、プラスv:15844800162深度交流