ما هو JSON؟
يرمز JSON إلى J ava S cript O bject N otation
JSON هو تنسيق خفيف الوزن لتخزين البيانات ونقلها
غالبًا ما يتم استخدام JSON عند إرسال البيانات من خادم إلى صفحة ويب
إن JSON "تصف نفسها بنفسها" وسهلة الفهم
مثال على JSON
يحدد هذا المثال كائن موظفين: مصفوفة من 3 سجلات للموظفين (كائنات):
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}
قواعد بناء جملة JSON
- البيانات في أزواج الاسم / القيمة
- البيانات مفصولة بفواصل
- الأقواس المتعرجة تحمل الأشياء
- الأقواس المربعة تحتوي على مصفوفات
جافا سكريبت تدوين كائن
تنسيق JSON مطابق من الناحية التركيبية للكود الخاص بإنشاء كائنات JavaScript.
بسبب هذا التشابه ، يمكن لبرنامج JavaScript تحويل بيانات JSON بسهولة إلى كائنات JavaScript أصلية.
يُشتق بناء جملة JSON من بناء جملة تدوين كائن JavaScript ، لكن تنسيق JSON هو نص فقط. يمكن كتابة التعليمات البرمجية لقراءة وإنشاء بيانات JSON بأي لغة برمجة.
بيانات JSON - اسم وقيمة
تتم كتابة بيانات JSON على هيئة أزواج اسم / قيمة ، تمامًا مثل خصائص كائن JavaScript.
يتكون زوج الاسم / القيمة من اسم حقل (بعلامات اقتباس مزدوجة) ، متبوعًا بنقطتين ، متبوعًا بقيمة:
"firstName":"John"
تتطلب أسماء JSON علامات اقتباس مزدوجة. أسماء جافا سكريبت لا تفعل ذلك.
كائنات JSON
تمت كتابة كائنات JSON داخل أقواس معقوفة.
تمامًا كما هو الحال في JavaScript ، يمكن أن تحتوي الكائنات على عدة أزواج اسم / قيمة:
{"firstName":"John", "lastName":"Doe"}
صفائف JSON
مصفوفات JSON مكتوبة داخل أقواس مربعة.
كما هو الحال في JavaScript ، يمكن أن تحتوي المصفوفة على كائنات:
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
في المثال أعلاه ، الكائن "الموظفون" عبارة عن مصفوفة. يحتوي على ثلاثة أشياء.
كل كائن هو عبارة عن سجل لشخص (بالاسم الأول والاسم الأخير).
تحويل نص JSON إلى كائن JavaScript
الاستخدام الشائع لـ JSON هو قراءة البيانات من خادم الويب ، وعرض البيانات في صفحة الويب.
للتبسيط ، يمكن إثبات ذلك باستخدام سلسلة كمدخلات.
أولاً ، قم بإنشاء سلسلة JavaScript تحتوي على بنية JSON:
var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
بعد ذلك ، استخدم وظيفة 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.
للحصول على برنامج تعليمي JSON كامل ، انتقل إلى W3Schools JSON Tutorial .