سيرفر JSON

استخدام JSON هو استخدامه الشائع لتبادل البيانات مع خادم الويب.

عند استقبال البيانات من خادم الويب، تكون البيانات دائمًا نصية.

باستخدام JSON.parse() تحليل البيانات، البيانات ستكون موضوع JavaScript.

إرسال البيانات

إذا كنت تقوم بتخزين البيانات في موضوع JavaScript، يمكنك تحويل الموضوع إلى JSON وإرساله إلى الخادم:

مثال

استدعاء myObj = {name: "Bill", age: 31, city: "New York"};
استدعاء myJSON = JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;

جربها بنفسك

استقبال البيانات

إذا كنت تتلقى بيانات JSON، يمكنك بسهولة تحويلها إلى موضوع JavaScript:

مثال

استدعاء myJSON = '{"name":"Bill", "age":31, "city":"New York"}';
استدعاء myObj = JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;

جربها بنفسك

JSON من الخادم

يمكنك طلب JSON من الخادم باستخدام طلب AJAX

بمجرد أن تكون الاستجابة من الخادم مكتوبة بشكل JSON، يمكنك تحويل النص إلى موضوع JavaScript.

مثال

استخدام XMLHttpRequest للحصول على بيانات من الخادم:

const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
  استدعاء myObj = JSON.parse(this.responseText);
  document.getElementById("demo").innerHTML = myObj.name;
};
xmlhttp.open("GET", "json.txt");
xmlhttp.send();

جربها بنفسك

يرجى الرجوع إلى:json.txt

تنسيق JSON كعدد

عند استخدام JSON.parse() عندما يتم استدعاء هذا الطريقة مع JSON تم استخراجه من عدد،

مثال

من الخادم مرة أخرى بتنسيق JSON كعدد:

const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
  const myArr = JSON.parse(this.responseText);
  document.getElementById("demo").innerHTML = myArr[0];
  }
}
xmlhttp.open("GET", "json_array.txt", true);
xmlhttp.send();

جربها بنفسك

يرجى الرجوع إلى:json_array.txt