JSON در JavaScript

یادگیری JavaScript

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

تاریخ و ساعت انتشار : شنبه 30 تیر 1397 08:12

JSON یک قالب برای ذخیره و انتقال داده است.

JSON اغلب هنگام استفاده از داده ها از یک سرور به یک صفحه وب استفاده می شود.

JSON چیست؟

JSON مخفف نماد جاوا اسکریپت است
JSON فرمت تبادل اطلاعات سبک وزن است
JSON زبان مستقل است *
JSON "خود توصیف" و آسان برای درک است

* ساختار JSON از ساختار جاوا اسکریپت مشتق شده است، اما فرمت JSON فقط متن است. کد برای خواندن و تولید داده JSON را می توان در هر زبان برنامه نویسی نوشته شده استفاده کرد.

مثال JSON

این ساختار JSON یک شیء کارمند را تعریف می کند: مجموعه ای از 3 سوابق کارمند (اشیاء):

{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}

ارزیابی فرمت JSON با شی جاوا اسکریپت

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

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

قوانین ساختار JSON

داده ها نام / مقدار هستند
داده ها با کاما جدا می شوند
پرانتزها اشیا را نگه می دارند
براکت های مربعی آرایه ها را نگه می دارند

داده JSON - یک نام و یک مقدار است

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

یک نام / مقدار جفت شامل یک نام فیلد (در نقل قول های دوگانه) است که به دنبال آن یک کولون است و به دنبال آن یک مقدار است:

"firstName":"John"

نام JSON نیاز به نقل قول دوگانه دارد.

اشیاء JSON

اشیاء JSON در داخل آکولاد نوشته می شوند.

درست مانند جاوا اسکریپت، اشیا می توانند شامل چندین نام / مقدار باشند:

{"firstName":"John", "lastName":"Doe"}

آرایه JSON

آرایه های JSON در داخل براکت نوشته می شوند.

درست مانند جاوا اسکریپت، آرایه می تواند شامل اشیا باشد:

"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]

در مثال بالا، شی "کارکنان" یک آرایه است. این شامل سه شیء است.

هر شی یک رکورد از یک فرد (با نام و نام خانوادگی) است.

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

استفاده معمول از JSON برای خواندن داده ها از یک وب سرور است و داده ها را در یک صفحه وب نمایش می دهد.

برای سادگی، این را می توان با استفاده از یک رشته به عنوان ورودی نشان داد.

ابتدا یک رشته جاوا اسکریپت حاوی ساختار JSON ایجاد کنید:

var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

سپس، از جاوا اسکریپت ساخته شده در JSON.parse () استفاده کنید تا رشته را به یک شیء جاوااسکریپت تبدیل کنید:

var obj = JSON.parse(text);

در نهایت، از شی جدید جاوا اسکریپت در صفحه خود استفاده کنید:

استفاده شی جاوااسکریپت در صفحه

 >p id="demo"<>/p<

>script<
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
>/script<

مشاهده مثال

دانلود فایل PDF مقاله درس بعدی درس قبلی

نظر شما

عضویت در خبرنامه شرکت نرم افزاری وب مهراز

برای اطلاع از بسته ها ، تخفیف های استثنایی و تازه های ما به خبرنامه وب مهراز بپیوندید.