مقدمه JSON

یادگیری JSON

تعداد بازدید : 3220

تاریخ و ساعت انتشار : دو شنبه 28 اسفند 1396 23:09

مقدمه JSON

JSON: نشانه گذاری در شیء جاوا.
JSON ساختار ذخیره سازی و تبادل اطلاعات است.
JSON متن است که با نماد جاوااسکریپت نوشته شده است.

مبادله داده ها

هنگام تغییر داده ها بین یک مرورگر و یک سرور، داده ها فقط می توانند متن باشند.

JSON متن است و ما می توانیم هر شیء جاوا اسکریپت را به JSON تبدیل کنیم و JSON را به سرور ارسال کنیم.

ما همچنین می توانیم هر JSON دریافت شده از سرور را به اشیاء جاوا اسکریپت تبدیل کنیم.

به این ترتیب ما می توانیم با داده ها به عنوان جاوا اسکریپت کار کنیم، بدون تجزیه و تحلیل پیچیده و ترجمه.

ارسال داده ها

اگر داده ها در یک شیء جاوا اسکریپت ذخیره شوند، می توانید شی را به JSON تبدیل کنید و آن را به یک سرور ارسال کنید:

ارسال داده در JSON

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

مشاهده مثال

بعدا در این آموزش بیشتر درباره عملکرد JSON.stringify () یاد خواهید گرفت.

دریافت اطلاعات

اگر داده ها را در قالب JSON دریافت کنید، می توانید آن را به یک شیء جاوا اسکریپت تبدیل کنید:

دریافت داده در JSON

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

مشاهده مثال

بعدا در این آموزش بیشتر درباره عملکرد JSON.parse () یاد خواهید گرفت.

ذخیره داده ها

هنگام ذخیره داده ها، داده ها باید فرمت خاصی داشته باشند و بدون در نظر گرفتن مکان ذخیره آن، متن همیشه یکی از فرمت های قانونی است.

JSON امکان ذخیره اشیاء جاوا اسکریپت را به عنوان متن فراهم می کند.

ذخیره داده در JSON

//Storing data:
myObj = { "name":"John", "age":31, "city":"New York" };
myJSON = JSON.stringify(myObj);
localStorage.setItem("testJSON", myJSON);

//Retrieving data:
text = localStorage.getItem("testJSON");
obj = JSON.parse(text);
document.getElementById("demo").innerHTML = obj.name;

مشاهده مثال