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