ذخیره سازی داده های وبی در HTML5

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

ذخیره داده ها بر روی کامپیوتر کاربر (Client) HTML5 دو شیء جدید برای ذخیره سازی داده ها بر روی کلاینت معرفی کرده است:

localStorage: ذخیره داده هایی که هیچ محدودیت زمانی ندارند.

sessionStorage: داده های یک جلسه (session) را ذخیره می کند.


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

شیء localStorage[ویرایش]

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

چگونگی ایجاد و دسترسی به loaclStorage[ویرایش]

<source lang="html5"> <script type="text/javascript"> localStorage.lastname="Smith"; document.write(localStorage.lastname); </script> </source>

مثال زیر تعداد دفعاتی که یک کاربر صفحه را دیده نشان می دهد. کد: <source lang="html5"> <script type="text/javascript"> if (localStorage.pagecount)

 {
 localStorage.pagecount=Number(localStorage.pagecount) +1;
 }

else

 {
 localStorage.pagecount=1;
 }

document.write("Visits "+ localStorage.pagecount + " time(s)."); </script> <source>

شیء sessionStorage[ویرایش]

این شیء اطلاعات یک جسله را ذخیره می کند. این اطلاعات زمانی که کاربر پنجره را می بندد از بین می رود.

چگونگی ایجاد و دسترسی به sessionStorage[ویرایش]

<source lang="html5"> <script type="text/javascript"> sessionStorage.lastname="Smith"; document.write(sessionStorage.lastname); </script> </source>

مثال زیر تعداد دفعات مشاهده کاربر از یک صفحه در جلسه جاری را نشان می دهد: <source lang="html5"> <script type="text/javascript"> if (sessionStorage.pagecount)

 {
 sessionStorage.pagecount=Number(sessionStorage.pagecount) +1;
 }

else

 {
 sessionStorage.pagecount=1;
 }

document.write("Visits "+sessionStorage.pagecount+" time(s) this session."); </script> </source>


منبع:[ویرایش]


Crystal Clear app kedit.png این یک نوشتار خُرد است، با گسترش آن به دانشنامه آیاپیر کمک کنید.

هرگونه برداشت پژوهشی با ذکر منبع و درج لینک مستقیم به مطلب در دانشنامه آیاپیر مجاز می باشد.