٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

آموزش سرور JSON

استفاده معمول از JSON مبادله داده ها به / از سرور وب است. هنگام دریافت داده از سرور وب ، داده همیشه یک رشته است. داده ها را با آنها تجزیه کنید JSON.parse()، و داده ها به یک شی JavaScript تبدیل…

محمد یوسفی

30 جولای 2021

استفاده معمول از 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 از یک سرور

با استفاده از درخواست AJAX می توانید JSON را از سرور درخواست کنید

تا زمانی که پاسخ از سرور با فرمت 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

هنگام استفاده از JSON.parse()JSON on که از یک آرایه مشتق شده است ، این روش به جای یک شی 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();

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها