خادم JSON
الاستخدام الشائع لـ JSON هو تبادل البيانات من / إلى خادم الويب.
عند تلقي البيانات من خادم الويب ، تكون البيانات دائمًا عبارة عن سلسلة.
حلل البيانات مع JSON.parse()
، وتصبح البيانات كائن JavaScript.
إرسال البيانات
إذا كانت لديك بيانات مخزنة في كائن JavaScript ، فيمكنك تحويل الكائن إلى JSON وإرساله إلى الخادم:
مثال
const myObj = {name: "John",
age: 31, city: "New York"};
const myJSON =
JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;
جار استقبال البيانات
إذا تلقيت بيانات بتنسيق JSON ، فيمكنك تحويلها بسهولة إلى كائن JavaScript:
مثال
const myJSON =
'{"name":"John",
"age":31, "city":"New York"}';
const myObj =
JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;
JSON من الخادم
يمكنك طلب JSON من الخادم باستخدام طلب AJAX
طالما أن الاستجابة من الخادم مكتوبة بتنسيق JSON ، يمكنك تحليل السلسلة في كائن JavaScript.
مثال
استخدم XMLHttpRequest للحصول على البيانات من الخادم:
const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
const myObj = JSON.parse(this.responseText);
document.getElementById("demo").innerHTML = myObj.name;
};
xmlhttp.open("GET", "json_demo.txt");
xmlhttp.send();
ألق نظرة على json_demo.txt
صفيف مثل JSON
عند استخدام JSON.parse()
JSON المشتق من مصفوفة ، ستعيد الطريقة مصفوفة JavaScript ، بدلاً من كائن JavaScript.
مثال
تم إرجاع JSON من الخادم كمصفوفة:
const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
const myArr = JSON.parse(this.responseText);
document.getElementById("demo").innerHTML = myArr[0];
}
}
xmlhttp.open("GET", "json_demo_array.txt", true);
xmlhttp.send();
ألق نظرة على json_demo_array.txt