کار با sessionStorage در جاوا اسکریپت

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش کار با sessionStorage در جاوا اسکریپت با من همراه باشید.

کار با sessionStorage در جاوا اسکریپت

Free-Learn

کار با sessionStorage در جاوا اسکریپت

خب ما در جلسه قبلی با کوکی ها یا Cookie آشنا شدیم و متوجه شدیم که کارش چیه و چجوری میشه ازش استفاده کرد، که پیشنهاد میکنم حتما آموزش کوکی ها یا Cookies در جاوا اسکریپت رو مشاهده نمایید.

حال sessionStorage هم ماهیت کارش مثه همون کوکی هست، یعنی یک حافظه برای نگهداری یسری داده های کوچک ( در حد نام و ایمیل و چیزای اینجوری )

ولی خب sessionStorage با کوکی تفاوت داره که این تفاوت به شرح زیر می باشد :

  • کوکی میتونه عمر داشته باشه ( مثلا تا یه سال فعال و در دسترس باشه )
  • ولی sessionStorage نمیتونه عمر داشته باشه و به محض بسته شدن صفحه مرورگر اطلاعات هم از بین خواهد رفت
  • کار با sessionStorage خیلی راحتتره نسبت به کوکی ها ( کافیه یه کلمه کلیدی و مقدار بهش بدیم )

کلمه Session در لغت به معنی جلسه هست، منظور از جلسه بطور کلی یعنی یه حافظه یا یه فضای ذخیره سازی موقت که بصورت موقت ایجاد میشه و بعدش خودش خودکار از بین میره.

Free-Learn

نحوه تعریف sessionStorage

شکل کلی برای استفاده از sessionStorage در جاوا اسکریپت بصورت زیر می باشد :

  • Key : یه کلمه کلیدی یا یه اسم برای شناسایی
  • Value : مقدار

مثال : تعریف یک سِشِن ( یا session ) با نام MySite و مقدار Free-Learn

Free-Learn

نحوه فراخوانی sessionStorage

خب ما در مثال قبلی یاد گرفتیم که چجوری سِشِن رو تعریف کنیم و حالا میخوایم یاد بگیریم که چجوری میتونیم سشن رو از حافظه مرورگر فراخوانی کنیم و در صفحه به نمایش درآوریم.

توجه داشته باشید که یک سِشِن وقتی ایجاد بشه دیگه در سرتاسر مرورگر قابل دسترسی می باشد ولی خب اگه مرورگر بسته بشه سشن هم از بین خواهد رفت.

شکل کلی برای فراخوانی sessionStorage بصورت زیر می باشد :

  • Key : همون نام یا کلمه کلیدی که براش تعریف کردیم

مثال :  در مثال زیر هم سشن تعریف شده و هم فراخوانی

امتحان کنید

Free-Learn

نحوه حذف sessionStorage

ما از ۲ روش میتونیم حافظه سشن رو حذف یا پاک کنیم، که این روش ها به شرح زیر می باشد :

  • حذف یک سشن خاص ( از طریق کلمه کلیدی یا نام یا در واقع همون Key سشن )

  • حذف کل سشن های موجود در حافظه

 

مثال شماره ۱ : حذف یک سشن خاص

امتحان کنید

مثال شماره ۲ : ست کردن چندین سشن و حذف تمامی سشن های موجود در حافظه

امتحان کنید

Free-Learn

نکات و توضیحات

  • سِشِن یا Session در لغت به معنی جلسه می باشد، خودمونی میتونیم بگیم یک فضای موقت کاری یا هرچیزی که عمرش محدوده و بصورت موقت ایجاد میشه.
  • طول عمر یه sessionStorage برابر است تا زمانی که مرورگر باز باشه، یعنی اگه مرورگر بسته شد sessionStorage هم از بین خواهد رفت.
  • برای sessionStorage ها نمیشه طول عمر تعریف کرد ولی برای کوکی ها میتونیم طول عمر تعریف کنیم و تا زمانی که عمرشون باقیست در دسترس می باشند.
  • وقتی یک سشن تعریف نشده باشد یا کلا ست نشده باشد مقدار null نمایش داده خواهد شد و این یعنی سشن ست نشده.

Free-Learn

فروشگاه فری لرن
دریافت PDF یا پرینت این مطلب