Extensible Markup Language (XML) dianggap satu-satunya pilihan untuk pertukaran data terbuka. Namun, perkembangan dalam perkongsian data terbuka telah menghasilkan lebih banyak pilihan untuk . Oleh itu, mari masuk ke kedalaman Apa itu JSON dan bagaimana ia berbeza dengan JavaScript dalam urutan berikut:
- Apa itu JSON?
- Mengapa kita menggunakan JSON?
- JSON vs XML
- Peraturan Sintaks
- Asas JSON
- Tukar Objek JSON ke Teks JS
Apa itu JSON?
Notasi Objek JavaScript ( JSON ) adalah cara menyimpan maklumat secara teratur dan mudah. Data mestilah dalam bentuk teks ketika bertukar antara penyemak imbas dan pelayan. Anda boleh menukar mana-mana Objek JavaScript ke dalam JSON dan hantar JSON ke pelayan.
Anda juga boleh menukar JSON yang diterima dari pelayan menjadi benda. Ini membantu dalam bekerja dengan data sebagai objek JavaScript, tanpa penguraian dan terjemahan yang rumit.
Sekarang setelah anda mengetahui apa itu JSON, mari maju dan lihat mengapa kita perlu menggunakannya dan apakah kelebihan lain menggunakan JSON.
Mengapa kita menggunakan JSON?
JSON adalah ringan dan mudah untuk digunakan jika dibandingkan dengan pilihan pertukaran data terbuka yang lain. Namun, itu bukan satu-satunya alasan anda harus menggunakannya untuk integrasi API anda. Ia lebih disukai daripada pilihan lain kerana kelebihan berikut:
Kurang Kata Kerja - Ia mempunyai lebih banyak gaya padat berbanding dengan XML. Ini menjadikannya lebih mudah dibaca. The ringan pendekatan JSON dapat membuat peningkatan yang ketara semasa bekerja dengan sistem yang kompleks.
Lebih pantas - Proses penghuraian perisian XML lebih lambat daripada JSON. Ini kerana perpustakaan manipulasi DOM memerlukan lebih banyak memori untuk mengendalikan fail XML yang besar. JSON , sebaliknya, menggunakan lebih sedikit data yang mengurangkan kos dan meningkatkan menghuraikan kepantasan .
garam vs tukang masak vs boneka
Boleh dibaca - Struktur JSON adalah berterus terang dan mudah dibaca . Anda mempunyai pemetaan waktu yang lebih mudah ke objek domain tanpa mengira bahasa pengaturcaraan yang anda gunakan.
Data Berstruktur - JSON menggunakan a struktur data peta sedangkan XML mempunyai struktur pokok. Pasangan kunci atau nilai dapat membatasi tugas anda, tetapi anda mendapat model data yang dapat diramalkan dan mudah difahami.
JSON vs XML
Kedua-duanya XML dan JSON digunakan secara meluas pada masa kini. Mereka digunakan sebagai format pertukaran data dan keduanya telah diadopsi oleh aplikasi sebagai cara untuk menyimpan data berstruktur. Mari kita lihat perbezaan antara keduanya:
| JSON | XML |
JSON mudah dibaca dan ditulis. Ia juga menyokong susunan . Fail JSON lebih banyak boleh dibaca oleh manusia daripada XML. Ia menyokong sahaja teks dan nombor jenis data | XML kurang mudah berbanding dengan JSON. Ia tidak menyokong larik. Fail XML adalah kurang membaca manusia . Ia menyokong banyak jenis data seperti teks, nombor, gambar, carta, grafik , dan lain-lain. |
Contoh JSON-
{'pekerja': [{'name': 'Lisa', 'email': 'lisa101@xyz.com'}, {'name': 'Neil', 'email': 'neilps@xyz.com'}, {'name': 'Jai', 'email': 'jai87@xyz.com'}]}Contoh XML-
Lisa lisa101@xyz.com Neil neilps@xyz.com Jai jai87@xyz.com
Peraturan Sintaks
The JSON sintaksis ialah subset daripada JavaScript sintaksis. Sintaksnya berasal dari sintaks notasi objek JavaScript dan terdiri daripada peraturan berikut:
- Data ditulis dalam nama atau nilai berpasangan.
- Data adalah dipisahkan dengan koma.
- Kerinting pendakap gigi tahan benda.
- Dalam kurungan tahan tatasusunan.
Format JSON sangat mirip dengan objek JavaScript. Di sini, kunci mesti berangkai, ditulis dengan petikan ganda seperti:
{'name': 'Susan'}Asas JSON
Dalam JSON , nilai mestilah salah satu jenis data berikut:
- Tali
- Nombor
- Objek (objek JSON)
- Susunan
- Boolean
- Batal
Tali
Dalam JSON , kunci mestilah berangkai, ditulis dengan petikan ganda:
{'name': 'Mary'}Dalam JavaScript , kunci boleh berupa rentetan, nombor, atau nama pengecam:
{nama: 'Mary'}Objek
Objek JSON dikelilingi oleh pendakap kerinting {}. Ia ditulis dalam pasangan kunci atau nilai dengan cara berikut:
{'name': 'Lisa', 'age': 23, 'car': BMW}Susunan
Susunan dalam JSON hampir sama dengan tatasusunan dalam JavaScript. Dalam JSON, nilai array adalah jenis tali, nombor, objek, susunan, boolean atau null. Manakala, dalam JavaScript, nilai array dapat menjadi semua di atas, ditambah dengan ekspresi JavaScript yang lain, termasuk fungsi, tanggal, dan tidak ditentukan.
Susunan dalam JSON boleh menjadi nilai harta benda. Ia ditakrifkan sebagai:
{'name': 'Lisa', 'age': 23, 'cars': ['Ford', 'BMW', 'Fiat']}Tukar Objek JSON ke Teks JavaSCript
JSON biasa digunakan untuk membaca data dari pelayan web dan memaparkan data di laman web. Ini juga dapat ditunjukkan dengan menggunakan tali sebagai input.
Mari kita ambil contoh dan lihat bagaimana objek JSON dapat diubah menjadi teks Javascript menggunakan fungsi tersebut JSON.parse ():
Menukar Teks JSON menjadi Objek Javascript
Objek JSON: Penggunaan objek Javascript: var jsonobj = '{' name ':' Josh Huan ',' pegawaiID ':' 1107 ',' age ': 25}' // Di sini kita menukar JSON menjadi objek var obj = JSON.parse (jsonobj) document.getElementById ( 'example1'). innerHTML = obj.name + ', dengan id pekerja' + obj.employeeID + ', dan age' + obj.age document.getElementById ('example'). innerHTML = jsonobj
Ia akan mengubah objek menjadi teks dan memberikan yang berikut Pengeluaran :
Dengan ini, kami telah sampai ke akhir artikel kami. Saya harap anda memahami apa itu JSON dan mengapa kita perlu menggunakannya.
Sekarang setelah anda mengetahui apa itu JSON, lihatlah oleh Edureka. Latihan Pensijilan Pembangunan Web akan membantu anda Mempelajari cara membuat laman web yang mengagumkan menggunakan HTML5, CSS3, Twitter Bootstrap 3, jQuery dan Google API dan menyebarkannya ke Amazon Simple Storage Service (S3).
Ada soalan untuk kami? Sila sebutkan di bahagian komen 'Apa itu JSON?' dan kami akan menghubungi anda.