webStorage – فضای ذخیره سازی وب

webStorage یا فضای ذخیره سازی وب، قابلیت جدیدی در HTML5 است که امکان ذخیره سازی داده را در مرورگر کاربر فراهم می سازد. webStorage همانند کوکی بوده با این تفاوت که دارای امنیت و سرعت بیشتر و همچنین قابلیت ذخیره اطلاعات بیشتری ( حداقل 5 مگابایت – این اندازه برای مرورگرهای مختلف، متفاوت است ) را نسبت به کوکی ( حداکثر 4 کیلوبایت ) دارا می باشد. تفاوت دیگر در دامنه عملیاتی آن است. webStorage تنها در طرف کاربر قابل مدیریت است که برخلاف کوکی ها که می توانند در هردو سطح طرف کاربر و طرف سرور قابل دسترس باشند.

 

webStorage دو نوع فضای ذخیره سازی ارائه می دهد :

localStorage : ذخیره داده به طور دائمی – با بستن صفحه یا مرورگر، داده ها همچنان ماندگار خواهند بود.

sessionStorage : ذخیره داده به طور موقت – با بسته شدن صفحه وب یا مرورگر، داده پاک می شود.

 

گرچه تمامی مرورگرهای مطرح این قابلیت را پشتیبانی می کنند، ولی با اینحال برای اطمینان بیشتر، با استفاده از کد زیر، وجود این قابلیت را بررسی می کنیم :

کوکی ها در جاوا اسکریپت

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

ساخت کوکی

برای ایجاد یک کوکی در زبان جاوا اسکریپت به صورت زیر عمل می کنیم:

document.cookie = "name=value";

Name نام کوکی و value مقدار کوکی است. دستور زیریک کوکی با نام username و مقدار kamalmz ایجاد می کند:

document.cookie = "username=kamalmz";

ماندگاری کوکی

اما کوکی بالایی که تعریف کردیم به محض بستن صفحه وب، از بین می رود. برای ماندگار کردن کوکی برای مدت مشخصی از expires استفاده می کنیم.زمان ماندگاری باید برحسب GMT یا UTC بیان گردد :