JSON جافا سكربت

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

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

什么是 JSON？

  • JSON 指的是 JavaScript Object Notation
  • يكون JSON شكل بيانات خفيف للتبادل
  • يكون JSON مستقلًا عن اللغة *
  • يكون JSON "مفهومًا" وسهل الفهم

* بناء JSON هو من نفس بناء موضوعات JavaScript، ولكن بناء JSON هو نص نظيف. يمكن كتابة رمز قراءة وتوليد بيانات JSON في أي لغة برمجة.

مثال JSON

يحدد بناء JSON موضوع موظف: مجموعة تحتوي على ثلاثة سجلات موظف (موضوع):

مثال 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"}
]

في المثال السابق، موضوع "employees" هو مجموعة. يحتوي على ثلاثة مواضيع.

كل موضوع تمثل سجلاً لشخص (باسم واسم العائلة).

تحويل نص JSON إلى موضوع JavaScript

استخدام JSON عادةً يكون من قراءة البيانات من خادم الويب ثم عرض البيانات في صفحة الويب.

لإيجاد بسيطة، يمكنك استخدام السلسلة كعرض إدخال.

أولاً، أنشئ سلسلة JavaScript تحتوي على بناء JSON:

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

ثم، استخدم الدالة المدمجة في JavaScript JSON.parse() لتحويل هذا السلسلة إلى عنصر JavaScript:

var obj = JSON.parse(text);

في النهاية، استخدم هذا العنصر الجديد من JavaScript في صفحتك:

مثال

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

تجربة شخصية

يمكنك تجربة ذلك في دليل JSON اقرأ المزيد عن JSON في هذا الموضوع.