شرکت نرم افزاری وب مهراز

|||

ورود به حساب کاربری

شماره همراه خود را وارد کنید

ورود با کلمه عبور ارسال کد تایید

فراموشی کلمه عبور

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

ورود با کلمه عبور تنظیم مجدد

ورود به حساب کاربری

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

شماره همراه خود را وارد کنید

کلمه عبور خود را فراموش کرده اید؟
ورود با کد تایید
ورود و ادامه
وب مهراز مدرسه طراحی وب یادگیری JavaScript

JSON در JavaScript

یادگیری JavaScript
تعداد بازدید : 1536
تاریخ و ساعت انتشار : شنبه 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 مقاله درس بعدی درس قبلی
  • درباره نویسنده
  • مقالات این نویسنده

مهدی احدی

دارای مدرک تحصیلی مهندسی کامپیوتر - نرم افزار ، کارشناس سئو (بهینه سازی صفحات وب برای موتورهای جستجو) ، طراح وب سایت.

نظر شما

>

یادگیری JavaScript

مقالات و دروس

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

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

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

مقالات مرتبط

شرکت نرم افزاری وب مهراز

|||

ورود به حساب کاربری

شماره همراه خود را وارد کنید

ورود با کلمه عبور ارسال کد تایید

فراموشی کلمه عبور

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

ورود با کلمه عبور تنظیم مجدد