أحدث البرامج التعليمية وتطوير الشبكة
×

JS البرنامج التعليمي

JS الصفحة الرئيسية JS المقدمة JS ألى أين JS الناتج JS بناء الجملة JS البيانات JS تعليقات JS المتغيرات JS مشغلي JS علم الحساب JS مهمة JS أنواع البيانات JS وظائف JS الأجسام JS نطاق JS أحداث JS سلاسل JS طرق سلسلة JS أرقام JS طرق عدد JS الرياضيات JS التمور JS تاريخ تنسيقات JS تاريخ طرق JS المصفوفات JS طرق مجموعة JS القيم المنطقية JS مقارنات JS الظروف JS تحول JS حلقة غيرمنتهية For JS حلقة بينما JS استراحة JS نوع التحويل JS التعبير العادي JS أخطاء JS التصحيح JS الرفع JS الوضع الصارم JS دليل الاناقة JS أفضل الممارسات JS الأخطاء JS أداء JS الكلمات المحجوزة JS JSON

JS أشكال

أشكال التحقق من صحة API أشكال

JS موضوع

تعريفات الكائن خصائص الكائن طرق كائن نماذج الكائن

JS وظائف

تعاريف وظيفة وظيفة المعلمات وظيفة الاحتجاج الإغلاق وظيفة

JS HTML DOM

DOM مقدمة DOM أساليب DOM وثيقة DOM عناصر DOM HTML DOM CSS DOM الرسوم المتحركة DOM أحداث DOM EventListener DOM ملاحة DOM العقد DOM Nodelist

JS المتصفح BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS أمثلة

JS أمثلة JS HTML DOM JS HTML إدخال JS HTML الأجسام JS HTML أحداث JS المتصفح JS اختبار قصير JS ملخص

JS المراجع

JavaScript الأجسام HTML DOM الأجسام


 

JavaScript JSON


JSON هو تنسيق لتخزين ونقل البيانات.

وكثيرا ما يستخدم JSON عندما يتم إرسال البيانات من الخادم إلى صفحة ويب.


ما هو جسون؟

  • JSON لتقف على كائن التأشير جافا سكريبت
  • JSON هو تنسيق تبادل البيانات خفيفة الوزن
  • JSON هي لغة مستقلة *
  • JSON هو "تصف النفس" وسهلة الفهم

* مشتق بناء الجملة JSON من جملة تدوين كائن جافا سكريبت، ولكن شكل JSON هو النص فقط. رمز القراءة وتوليد البيانات JSON يمكن أن يكتب في أي لغة برمجة.


JSON مثال

ويعرف هذا النحو JSON لموظفي يعترض: مجموعة من 3 سجلات الموظفين (الكائنات):

JSON مثال

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

تنسيق JSON يقيم إلى كائنات جافا سكريبت

تنسيق JSON مطابق نحويا إلى رمز لخلق كائنات جافا سكريبت.

وبسبب هذا التشابه، يمكن للبرنامج جافا سكريبت بسهولة تحويل بيانات JSON إلى كائنات جافا سكريبت الأم.


قواعد بناء الجملة JSON

  • البيانات في اسم / قيمة أزواج
  • يتم فصل البيانات بفواصل
  • الأقواس المعقوفة عقد الأجسام
  • بين قوسين معقوفين عقد صفائف

JSON البيانات - اسم وقيمة

تتم كتابة البيانات JSON كما أزواج الاسم / القيمة، تماما مثل خصائص الكائن جافا سكريبت.

ويتكون زوج اسم / قيمة اسم الحقل (في التنصيص)، متبوعا بنقطتين، تليها قيمة:

"firstName":"John"

تتطلب أسماء JSON التنصيص. أسماء جافا سكريبت لا.


كائنات JSON

مكتوبة كائنات JSON داخل الأقواس المعقوفة.

مثلما هو الحال في جافا سكريبت، كائنات يمكن أن تحتوي على عدة أزواج الاسم / القيمة:

{"firstName":"John", "lastName":"Doe"}

JSON صالحة

مكتوبة صفائف JSON داخل أقواس معقوفة.

مثلما هو الحال في جافا سكريبت، يمكن أن تحتوي على مجموعة قطع:

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

في المثال أعلاه، الكائن "employees" صفيف. أنه يحتوي على ثلاثة أشياء.

كل كائن هو سجل لشخص (مع الاسم الأول واسم العائلة).


تحويل النص JSON إلى كائن جافا سكريبت

الإستعمال الشائع للJSON هو قراءة البيانات من الخادم على شبكة الإنترنت، وعرض البيانات في صفحة ويب.

للبساطة، وهذا يمكن أن يكون هو موضح باستخدام سلسلة كمدخل (أو قراءة المزيد في JSON تعليمي ):

أولا، إنشاء سلسلة جافا سكريبت تحتوي على جملة JSON:

var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

ثم، استخدام جافا سكريبت المدمج في وظيفة JSON.parse() لتحويل سلسلة إلى كائن جافا سكريبت:

var obj = JSON.parse(text);

وأخيرا، استخدام الكائن جافا سكريبت الجديد في صفحتك:

مثال

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

<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
انها محاولة لنفسك »

يمكنك قراءة المزيد حول JSON في منطقتنا JSON البرنامج التعليمي .