JSON

السلام عليكم و رحمه الله تعالى و بركاته

JSON اختصار JavaScript Object Notation ، هى وسيله لنقل البيانات بين ال client و ال server سهل قرائتها و كتابتها من قبل المطور و سهل اعرابها و فهمها من قبل الاله ، Douglass crockford من Yahoo هو اول من اكتشف ان كائنات الجافاسكربت يمكن انتقالها بين الزبون و الخادم و تم استخدامها فى تطبيقات الياهو اول مره ، ثم الان انتشر إستخدامها فستجدها فى معظم ال api التى يقدمه اى موقع غالبا ، و بالمناسبه اذا قمت بفحص تطبيق ال gmail عن طريق FireBug ستجد ان كل الرسائل و هيكلها عباره عن رسائل JSON ، اذا كيف يبدو ال JSON هذا ؟

{name:"Mostafa",age:21} // JSON [object literal ]
[mostafa,21] // JSON [ Array ]
"mostafa,21" // JSON [ String ]
true // JSON [ Boolean ]
false // JSON [ Boolean ]
1652332.584 // JSON [ Number ]
null // JSON

يقوم السيرفر بإرسال اى صيغه من صيغ ال JSON إلى المتصفح التى غالبا ماتكون object literral ، كما يوضح المثال البسيط التالى :

<?php
// josn.php
echo "{name:'mostafa',age:21,langs:['JavaScript','PHP',XML]}";
?>

يقوم السيرفر بإرسال الكائن التالى فى صوره نص :

{
name:'mostafa',
age:21,
langs:[
         'javascript',
         'PHP',
         'XML'
        ]
}

تقوم الجافاسكربت فى المتصفح بطلب البيانات عن طريق الاجاكس و إعراب الكائن كما يلى و تستخلص البيانات منه عن طريق eval كما يوضح المثال التالى :

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){
    if(xhr.readyState == 4){
        if(xhr.status == 200 || xhr.status == 304){
            var JSON = eval("("+xhr.responseText+")");
            alert(JSON.name); // mostafa
            alert(JSON.age); // 21
            alert(JSON.langs[0]); // JavaScript
        }
    }
}
xhr.open("GET","json.php",true);
xhr.send(null);

استخلاص البيانات عن طريق eval من JSON ، اسهل بكثير من استخلاص البيانات من XML عن طريق DOM .

يوجد حاليا مكاتب شامله معظم اللغات للتعامل مع JSON من بيئه السيرفر و غيرها ، لإنشاء كائنات JSON و إعرابها و فحصها ، للمزيد :
JSON.org يوجد به صفحه عربيه .

الأوسمة: javascript, json