En son web geliştirme öğreticiler
 

JavaScript JSON


JSON depolamak ve veri taşınması için bir biçimdir.

verileri bir web sayfasına bir sunucudan gönderildiğinde JSON sıklıkla kullanılır.


JSON nedir?

  • JSON JavaScript Object Notation açılımı
  • JSON hafif veri değişim formatıdır
  • JSON bağımsız dildir *
  • JSON ise "self-describing" ve anlaşılması kolay

* JSON sözdizimi JavaScript nesne gösterimde sözdizimi elde edilir, JSON biçimi sadece metindir. JSON veri okuma ve üretmek için kod herhangi bir programlama dilinde yazılabilir.


JSON Örnek

3 çalışan kayıtları bir dizi: Bu JSON sözdizimi, çalışanların nesne tanımlar (objects) :

JSON Örnek

{
"employees":[
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter", "lastName":"Jones"}
]
}

JSON Biçim JavaScript Objects değerlendirir

JSON biçimi JavaScript nesneleri oluşturmak için kod sözdizimsel aynıdır.

Bu nedenle benzerlik, bir JavaScript programı kolayca doğal JavaScript nesneleri JSON verileri dönüştürebilir.


JSON sözdizimi kuralları

  • Veri isim / değer ikilileriyle içinde
  • Veri virgül ile ayrılan
  • Kıvırcık parantez nesneleri tutmak
  • Köşeli parantezler diziler tutun

JSON Veri - Bir Adı ve Değeri

JSON veri sadece JavaScript nesne özellikleri gibi, isim / değer çiftleri olarak yazılır.

Bir isim / değer çifti, bir alan adı içermektedir (in double quotes) bir değer ile ve ardından iki nokta üst üste,:

"firstName" :"John"

JSON isimler çift tırnak gerektirir. JavaScript isimler yok.


JSON nesneleri

JSON nesneleri küme parantezi içindeki yazılır.

Sadece JavaScript gibi, nesneler birden ad / değer çiftlerini içerebilir:

{"firstName":"John", "lastName" :"Doe"}

JSON Diziler

JSON diziler köşeli parantez içine yazılır.

Sadece JavaScript gibi bir dizi nesneleri içerebilir:

"employees" :[
    {"firstName":"John", "lastName" :"Doe"},
    {"firstName":"Anna", "lastName" :"Smith"},
    {"firstName":"Peter", "lastName" :"Jones"}
]

Yukarıdaki örnekte, nesne "employees" bir dizidir. Üç nesneler içeriyor.

Her nesne bir kişinin kaydıdır (with a first name and a last name) .


JavaScript nesne için bir JSON Metin dönüştürme

JSON yaygın bir kullanımı bir web sayfasına veri bir web sunucusundan veri okumak ve göstermektir.

Kolaylık olması açısından, bu (veya daha fazla bizim okunan girdi olarak bir dize kullanarak ortaya konabilir JSON öğretici ):

İlk olarak, JSON sözdizimi içeren bir JavaScript dize oluşturmak:

var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

Ardından, JavaScript yerleşik işlevini kullanabilirsiniz JSON. parse() JSON. parse() bir JavaScript nesnesine dizeyi dönüştürmek için:

var obj = JSON.parse(text);

Son olarak, sayfanıza yeni JavaScript nesnesini kullanın:

Örnek

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
Kendin dene "

Bizim de JSON hakkında daha fazla bilgi bulabilirsiniz JSON öğretici .