سبد (0)

آموزش JSON - نحوه استفاده

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

یکی از استفاده های بسیار رایج JSON واکشی داده های سرویس دهنده وب (به عنوان یک فایل یا یک HttpRequest) و تبدیل داده های JSON به اشیاء جاوا اسکریپت (JavaScript) است. سپس می توان از این داده ها در صفحات وب استفاده کرد

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


مثال JSON - شیء از رشته

با استفاده از سینتکس JSON یک رشته جاوا اسکریپت ایجاد نمایید:

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

از آنجایی که سینتکس JSON زیر مجموعه ای از سینتکس جاوا اسکریپت (JavaScript) است، با استفاده از تابع ()eval می توانیم متن JSON را به شیء جاوا اسکریپت تبدیل کنیم.

با استفاده از تابع ()eval می توانیم از کامپایلر جاوا اسکریپت (JavaScript) برای تفسیر (parse) متن JSON استفاده کنیم و شیء جاوا اسکریپت ایجاد کنیم. اشیاء باید در پرانتز محصور شوند تا از خطا جلوگیری شود:

var obj = eval ("(" + txt + ")");

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

مثال (آموزش JSON - نحوه استفاده)

<p>
First Name: <span id="fname"></span><br />
Last Name: <span id="lname"></span><br />
</p>

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

خودتان امتحان کنید »

 


Note

تابع ()eval قادر است تا هر کد جاوا اسکریپتی را کامپایل و اجرا نماید. این ممکن است یک رخنه امنیتی محسوب شود.

استفاده از JSON parser  برای تبدیل متن JSON به شیء جاوا اسکریپت (JavaScript) امن تر است. JSON parser تنها شیء JSON ار تشخیص می دهد و اسکریپت ها را کامپایل نمی کند.

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

JSON در تمام مرورگرهایی که از استاندارد ECMAScript یا همان جاوا اسکریپت پشتیبانی می کنند، پشتیبانی می شود.

پشتیبانی مرورگرها پشتیبانی نرم افزارهای وب
  • Firefox 3.5
  • Internet Explorer 8
  • Chrome
  • Opera 10
  • Safari 4
  • jQuery
  • Yahoo UI
  • Prototype
  • Dojo
  • ECMAScript 1.5

خودتان امتحان کنید»

برای مرورگرهای قدیمی، کتابخانه جاوا اسکریپت در لینک https://github.com/douglascrockford/JSON-js وجود دارد.

فرمت JSON ابتدا توسط Douglas Crockford معرفی شد.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه