تبلیغات
یادداشت های من - آموزش HTML5 – جلسه ششم : ذخیره سازی داده های وبی در HTML5

یادداشت های روزانه من درباره اینترنت، سیاست، آبکنار، رایانه، شعر، فناوری اطلاعات و ...
هر چیزی که بهش علاقه دارم

حسین (کیوان) جهانبخش آبکنار

جستجو

 

آموزش HTML5 – جلسه ششم : ذخیره سازی داده های وبی در HTML5

جمعه 27 خرداد 1390   02:01 ب.ظ

ذخیره داده ها بر روی کامپیوتر کاربر (Client)

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

  • localStorage: ذخیره داده هایی که هیچ محدودیت زمانی ندارند.
  • sessionStorage: داده های یک جلسه (session) را ذخیره می کند.

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

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

داده های سایت های مختلف در محدوده های مختلفی ذخیره میشود و هر وب سایت فقط به داده هایی که خودش ذخیره کرده می تواند دسترسی پیدا کند.

HTML5 از جاوااسکریپت برای ذخیره سازی و دسترسی به داده ها استفاده می کند.

شیء localStorage

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

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

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

مثال زیر تعداد دفعاتی که یک کاربر صفحه را دیده نشان می دهد.

<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>

شیء sessionStorage

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

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

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

مثال زیر تعداد دفعات مشاهده کاربر از یک صفحه در جلسه جاری را نشان می دهد:

<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>


نوشته شده توسط : حسین (کیوان) جهانبخش آبکنار

نوع مطلب : HTML 5 ،طراحی وب ،