‎‎سروري جسنJSON Server

‎‎يك استفاده رايجJSON تبادل داده با سرور است .

‎هنگاميكه داده از سرور دريافت ميشود، داده همشيه رشته ايست. ‎تجزيه داده با‎‎JSON.parse( )‎‎ براي تبديل آن بيك شئ جاوااسكريپت .

‎‎ارسال دادهSending Data -‎

‎اگر داده اي در جاوااسكريپت ذخيره داشته باشيد‎(in variables)‎ براي ارسال سرور . ‎بايد آنها برشتهJSON تبديل شوند، وسپس ارسال گردند .

‎‎مثال ـ تبديل داده جاوااسكريپت براي ارسال بسرور

const myObj = {name: "John", age: 31, city: "New York"};
const myJSON = JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;

(go to editor for change code and run)==>try it yourself

‎‎دريافت دادهReciving Data -‎

‎اگر داده اي را بفرمJSON دريافت كرديد، بسادگي ميتوانيد آنرا به شئ جاوااسكريپت تبديل نمائيد ‎اين كار با تابع‎‎JSON.parse( )‎‎ انجام ميشود .

‎‎مثال ـ تبديل داده دريافتي به شئ جاوااسكريپت

const myJSON = '{"name":"John", "age":31, "city":"New York"}';
const myObj = JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;

‎‎رشته جسون از سرورJSON from a Server -‎

‎‎ميتوان رشته جسون را با استفاده از يكAJAX Request از سرور درخواست كرد .

‎‎هنگاميكه پاسخ سرور بصورت رشتهJSON دريافت شد، ميتوان آنرا بيك شئ جاوااسكريپت تبديل كرد .

‎‎مثال ـ استفاده از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();

‎به فايل متني ‎توجه نمائيد.

‎‎آرايه نماي جسونArray as JSON -‎

‎هنگام تجزيه رشته آرايه نما جسون با‎‎JSON.parse( )‎‎ بجاي شئ ‎آرايه جاوااكريپتي برگشت ميدهد.

‎‎مثال ـ رشته آرايه نماي جسون از سرور برميگردد.

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();

‎به فايل متني ‎توجه نمائيد.

JS Tutorial آموزش جاوااسکریپت

JS Objects اشیاء جاوااسکریپت

JS Functions توابع جاوااسکریپت

JS Classes کلاسهای جاوااسکریپت

JS Async ناهمزمانی جاوااسکریپت

JS HTML DOM شئ دام

JS Browser BOM شئ مرورگر

JS Web APIs رابط های اپی آی وب

JS AJAX آجکس وجاوااسکریپت

JavaScript JSON

JavaScript vs JQuery

JS Graphics گرافیک جاوااسکریپت

JS References فهرست مطالب