En son web geliştirme öğreticiler
 

JSON Eğitimi

JSON JavaScript Object Gösterimi.

JSON depolamak ve veri alışverişi için bir söz dizimi olan.

JSON XML için daha kolay kullanımlı bir alternatiftir.


Aşağıdaki JSON örnek, çalışanların 3 çalışan kayıtları bir dizi, nesne tanımlar:

JSON Örnek

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

Aşağıdaki XML örnek de çalışanlar 3 işçi kayıtları ile nesne tanımlar:

XML Örneği

<employees>
    <employee>
        <firstName>John</firstName> <lastName>Doe</lastName>
    </employee>
    <employee>
        <firstName>Anna</firstName> <lastName>Smith</lastName>
    </employee>
    <employee>
        <firstName>Peter</firstName> <lastName>Jones</lastName>
    </employee>
</employees>

JSON nedir?

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

* JSON JavaScript sözdizimi kullanır, ancak JSON biçimi sadece XML gibi sadece metindir.
Metin okuma ve herhangi bir programlama dili ile veri biçimi olarak kullanılabilir.


JSON - JavaScript Objects değerlendirir

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

Bu nedenle benzerliğin yerine bir ayrıştırıcı kullanarak (like XML does) , bir JavaScript programı yerli JavaScript nesneleri JSON verilerini dönüştürmek için standart JavaScript işlevleri kullanabilirsiniz.


Kendin dene

Bizim editör ile çevrimiçi JavaScript kodunu düzenleyebilir ve sonucu görmek için bir düğmeye tıklayın:

JSON Örnek

<!DOCTYPE html>
<html>
<body>

<h2>JSON Object Creation in JavaScript</h2>

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

<script>
var text = '{"name":"John Johnson","street":"Oslo West 16","phone":"555 1234567"}';

var obj = JSON.parse(text);

document.getElementById("demo").innerHTML =
obj.name + "<br>" +
obj.street + "<br>" +
obj.phone;
</script>

</body>
</html>
Kendin dene "

Çok gibi XML Çünkü

  • Hem JSON ve XML vardır "self describing" (human readable)
  • Hem JSON ve XML hiyerarşik (values within values)
  • Hem JSON ve XML ayrıştırılır ve programlama dilleri bir sürü tarafından kullanılabilir
  • Hem JSON ve XML XMLHttpRequest ile getirilen edilebilir

XML aksine çok Çünkü

  • JSON bitiş etiketi kullanmaz
  • JSON kısadır
  • JSON okuma yazma hızlıdır
  • JSON diziler kullanabilirsiniz

en büyük fark:

XML XML ayrıştırıcı ile ayrıştırılması gerekir. JSON bir standart JavaScript işlevi tarafından çözümlenebilir.


Neden JSON?

AJAX uygulamalarında, JSON XML daha hızlı ve daha kolay:

XML kullanma

  • Bir XML belgesi getir
  • Belgenin döngü XML DOM kullanın
  • değişkenlerde Özü değerleri ve mağaza

JSON Kullanımı

  • Bir JSON dizesi Getirme
  • JSON dizesi JSON.parse