021-28423015

JSON در JavaScript

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< 
مشاهده مثال

 


نظر شما

لطفا نام و نام خانوادگی خود را وارد کنید
لطفا ایمیل خود را وارد کنید لطفا ایمیل صحیح وارد کنید.
لطفا متن نظر خود را وارد کنید
>

یادگیری JavaScript

مقالات و دروس

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

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

لطفا شماره همراه صحیح وارد کنید.
لطفا ایمیل صحیح وارد کنید.

مقالات مرتبط