آموزش JSON > مقدمه آموزش JSON
تشریح یک مثال ساده JSON

تشریح یک مثال ساده JSON :

در این درس ، به تشریح یک مثال ساده از نحوه تعریف اشیا ( Objects ) در JSON و سپس خواندن و ذخیره کردن آن توسط جاوا اسکریپت می پردازیم . در درس بعدی هم بر روی ساختار ( Syntax ) کدنویسی JSON تمرکز خواهیم کرد .

فرمت JSON ، بسیار شبیه نحوه تعریف اشیای جاوا اسکرییت می باشد . به خاطر همین ، بر خلاف XML که از یک پارسر جداگانه ( Parser ) برای خواندن و فایل های استفاده می کند ، در JSON یک تابع جاوا اسکریپت می تواند اشیای JSON را خوانده و پردازش کند .
به عبارت دیگر ، برای خواندن و بازیابی اطلاعات اشیای JSON ، قفط کافی است درون صفحه وب خود توسط اسکریپت یک تابع جاوا اسکریپت تعریف نموده و خودش باقی کارها را انجام می دهد .

مثال عملی :

مثال : به کد زیر توجه کنید . آن را یکبار خوانده و سپس به بررسی توضیحات هر بخش که با رنگ مجزا مشخص شده اند ، بپردازید :

Example
<html>
<body>
    <h2> JSON مقدار دهی و خواندن یک شی داده ای در </h2>
    <p id="demo"></p>
    <script>
        
 var text = ' { " name " : " John Johnson" , " street " : " Oslo West 16 " , " phone " : " 555 1234567 " } ';
         
var obj = JSON.parse( text );
         
       
  document.getElementById("demo").innerHTML =
          obj.name + "<br>" +
          obj.street + "<br>" +
          obj.phone;

   </script>

</body>
</html>
کد

JSON Object Creation in JavaScript

John Johnson
Oslo West 16
555 1234567
خروجی

توضیح هر یک از بخش های مثال :

  • در این بخش یک تگ <p> یا پاراگراف با id برابر با demo را تعریف کرده ایم تا در انتهای برنامه ، اطلاعات خوانده شده را درون آن ریخته و نمایش دهیم .
  • در قسمت آبی رنگ یک اسکریپت به زبان JavaScript نوشته شده تا ابتدا یک شی JSON را تولید کرده و سپس مقادیر هر یک از خواص آن را خوانده و نمایش دهیم .
  • در قسمت قرمز ، یک شی جدید JSON به نام text را تعریف کرده ایم . این شی دارای 3 خاصیت به نام های name , street , phone می باشد که به هر کدام مقدار دلخواهی داده شده است .
  • در قسمت نارنجی ، توسط متد parse زبان JSON  شی متنی text را پردازش کرده و اطلاعات آن را به صورت یک Object درون شی جاو اسکریپتی obj ذخیره کرده ایم . با این کار ، برنامه از این پس می تواند از طریق کدهای جاوا اسکریپت و برنامه نویسی شی گرا به هر یک از خواص شی obj و مقدار آن دسترسی داشته باشد .
  • در قسمت سبز رنگ هم ، به ترتیب هر یک از خواص شی obj به نام های name , street و phone را خوانده و آنها را با عمل + به هم چسبانده ایم . سپس رشته متنی ایجاد شده را درون HTML تگ پاراگراف demo ریخته و در صفحه نمایش داده ایم .


راجع این مطلب سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...         >>>>>  ورود به انجمن تخصصی


نطر خودتان درباره این صفحه را با ما در میان گذاشته و در صورت تمایل از Developer1 حمایت نمایید :

آیا مطالب این صفحه برای شما مناسب و مفید بوده است :

نام :                 
آدرس Email :    
 
نظر شما :  
 
سوال امنیتی : پایتخت ایران ؟      
حمایت از سایت Developer1