ورود به اکانت شما

نام کاربری *
رمز عبور *
مرا بخاطر بسپار

ایجاد حساب کاربری

فیلد های ستاره دار را پر کنید.
نام *
نام کاربری *
رمز عبور *
تکرار رمز عبور *
ایمیل *
تکرار ایمیل *
کپچا *
بارگذاری کپچا

ذخیره سازی اطلاعات کاربران در صفحات وب بوسیله HTML 5 مطلب ویژه

توسط 16 تیر, 1393 4783 0

در صورت مفید بودن این مقاله حتما نظر خودتان را در پایین مطلب برای ما ارسال کنید

html5یکی از ویژگی های جدیدی که به HTML 5 ، اضافه شده است ، امکان ذخیره سازی و بازیابی اطلاعات کاربران در صفحات وب توسط خاصیت با نام web storage می باشد .
برای مثال شما زمانی که وارد یک سایت می شوید و نام کاربری و پسورد خود را وارد می کنید ، مرورگر این اطلاعات را به خاطر می سپارد و این باعث می شود که دیگر وقتی از صفحات دیگر همان سایت بازدید می کنید دوباره لازم به وارد کردن اطلاعات نباشد یا اگر فردای آن روز دوباره به ان سایت مراجعه کردید مشاهده می کنید که لازم به وارد کردن دوباره اطلاعات نیست و از قبل log in کرده اید و وارد سایت شده اید .

این کارها در HTML 4 و یا در PHP توسط کوکی ها cookies انجام می شوند . اما در HTML 5 به جای کوکی ها ، قابلیت درون ساخته ایی اضافه شده است ، که کار آنها را انجام می دهد .
مسلماً با مفهوم کوکی آشنا هستید ، اما برای یادآوری به توضیح مجدد cookie و کار آن می پردازیم .

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

web storage چیست ؟
همانطور که گفتیم در HTML5 به جای کوکی ها قابلیت درون ساخته ای اضافه شده است که کار آن ها را انجام می دهد این قابلیت web storage می باشد که از کوکی سریعتر , مطمئن تر می باشد و حجم بیشتری از اطلاعاتی را می تواند ذخیره کند . اطلاعات ذخیره شده در web storage فقط در زمان هایی که به آنها نیاز است ، ارسال می شوند ، برخلاف کوکی ها که با هر بار درخواست صفحه ، آنها نیز ارسال می شوند .

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

< script type='text/javascript' >
  if ( typeof ( Storage ) ! == ' undefined ' )
    {
         document.write ( ' Yes! localStorage and sessionStorage support! ' ) ;
    }
  else
    {
         document.write ( ' Sorry! No web storage support.. ' ) ;
    }
< /script >

 

کد زیر مشخص می کند در صورت پشتیبانی کرد از این خاصیت این پیغام نشان داده شود . (Sorry! No web storage support )

 

document.write ( ' Yes! localStorage and sessionStorage support! ' ) ;

 

کد زیر مشخص می کند در صورت پشتیبانی نکردن از این خاصیت این پیغام نشان داده شود . (Sorry! No web storage support )

 

document.write ( ' Sorry! No web storage support. ' ) ;

 


دو نوع حالت برای web storage وجود دارد که در زیر به تشریح آن ها پرداختیم :
•    localStoarge : این شی برای نگهداری اطلاعات در زمان طولانی استفاده می شود . اطلاعات ذخیره شده توسط این حالت بر روی سیستم کاربر قرار گرفته و با بسته شدن مرورگر و یا خاموش کردن کامپیوتر از بین نمی روند و در آینده قابل بازیابی هستند .
•    sessionStorage : این شی برای نگهداری اطلاعات به صورت موقت به کار رفته و در حافظه موقت کامپیوتر کاربر ذخیره می شود . با بسته شدن صفحه جاری در مرورگر و خاموش شدن کامپیوتر ، این اطلاعات نیز از بین رفته و دیگر قابل بازیابی نیستند .

این مورد را ارزیابی کنید
(0 رای‌ها)
آخرین ویرایش در سه شنبه, 03 شهریور 1394 ساعت 15:50
کلیه حقوق متعلق است به فروشگاه آسارایان. طراحی و پشتیبانی: webriz
تک وب دیزاین-قالب فارسی جوملا