JavaScript JSON

JSON 是存储和传输数据的格式。

JSON 经常在数据从服务器发送到网页时使用。

什么是 JSON？

  • JSON 指的是 JavaScript Object Notation
  • JSON hafif bir veri değişim biçimidir
  • JSON dilden bağımsızdır *
  • JSON "kendini tanımlayan" ve anlaşılır

* JSON dilbilgisi, JavaScript nesne simgesinden alınmıştır, ancak JSON biçimi saf metindir. JSON verilerini okuyup oluşturma kodu, herhangi bir programlama dilinde yazılabilir.

JSON örneği

JSON dilbilgisi, bir çalışan nesnesi tanımlar: Üç çalışan kaydını içeren bir dizi (nesne):

JSON örneği

{
"employees":[
    {"firstName":"Bill", "lastName":"Gates"}, 
    {"firstName":"Steve", "lastName":"Jobs"},
    {"firstName":"Alan", "lastName":"Turing"}
]
}

JSON biçimi JavaScript nesnesi olarak değerlendirilir

JSON biçimi, JavaScript nesnelerini oluşturma koduyla aynı dilbilgisi ile yazılır.

Bu benzerlik nedeniyle, JavaScript programları JSON verilerini yerel JavaScript nesnelerine kolayca dönüştürebilir.

JSON dilbilgisi kuralları

  • Veriler ad/değer çiftleridir
  • Veriler virgül ile ayrılır
  • Parantezler nesneleri tutar
  • Parantezler dizileri tutar

JSON verileri - ad ve değer

JSON verilerinin yazılışı, JavaScript nesne özelliklerine benzer ad/değer çiftlerdir.

Ad/değer çifti, (çift tırnak içinde) alan adı ile başlar, ardından iki nokta ile devam eder ve bu noktanın ardından değer gelir:

"firstName":"Bill"

JSON adları çift tırnak içinde yazılmalıdır. JavaScript adları gerekmez.

JSON Nesnesi

JSON nesneleri parantez içinde yazılır.

JavaScript gibi, nesneler de birden fazla ad/değer çifti içerebilir:

{"firstName":"Bill", "lastName":"Gates"}

JSON Dizisi

JSON dizileri parantez içinde yazılır.

JavaScript gibi, diziler nesneleri içerebilir:

"employees":[
    {"firstName":"Bill", "lastName":"Gates"}, 
    {"firstName":"Steve", "lastName":"Jobs"}, 
    {"firstName":"Alan", "lastName":"Turing"}
]

Yukarıdaki örnekte, "employees" nesnesi bir dizi. Üç nesne içerir.

Her nesne, bir kişinin bir kaydını temsil eder (adı ve soyadı ile birlikte).

JSON metnini JavaScript nesnesine dönüştürün

JSON'un genellikle kullanımı, web sunucusundan veri okumak ve ardından verileri web sayfasında göstermektir.

Basitlik için, girdi olarak dizgi kullanabilirsiniz.

Öncelikle, JSON dilbilgisi içeren bir JavaScript dizgisini oluşturun:

var text = '{ "employees" : [
'{ "firstName":"Bill" , "lastName":"Gates" },' +
'{ "firstName":"Steve" , "lastName":"Jobs" },' +
'{ "firstName":"Alan" , "lastName":"Turing" } ]}';

Daha sonra, bu dizesi JavaScript içsel fonksiyonu JSON.parse() kullanarak bir JavaScript nesnesine dönüştürün:

var obj = JSON.parse(text);

Son olarak, yeni JavaScript nesnesini sayfanızda kullanmak için lütfen şu şekilde yapın:

Örnek

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

Kişisel olarak deneyin

Bizim JSON Eğitimi Daha fazla JSON hakkında bilgi edinmek için ortada okuyun.