کار با sessionStorage در جاوا اسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش کار با sessionStorage در جاوا اسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
کار با sessionStorage در جاوا اسکریپت
خب ما در جلسه قبلی با کوکی ها یا Cookie آشنا شدیم و متوجه شدیم که کارش چیه و چجوری میشه ازش استفاده کرد، که پیشنهاد میکنم حتما آموزش کوکی ها یا Cookies در جاوا اسکریپت رو مشاهده نمایید.
حال sessionStorage
هم ماهیت کارش مثه همون کوکی هست، یعنی یک حافظه برای نگهداری یسری داده های کوچک ( در حد نام و ایمیل و چیزای اینجوری )
ولی خب sessionStorage با کوکی تفاوت داره که این تفاوت به شرح زیر می باشد :
- کوکی میتونه عمر داشته باشه ( مثلا تا یه سال فعال و در دسترس باشه )
- ولی sessionStorage نمیتونه عمر داشته باشه و به محض بسته شدن صفحه مرورگر اطلاعات هم از بین خواهد رفت
- کار با sessionStorage خیلی راحتتره نسبت به کوکی ها ( کافیه یه کلمه کلیدی و مقدار بهش بدیم )
Free-Learn
نحوه تعریف sessionStorage
شکل کلی برای استفاده از sessionStorage در جاوا اسکریپت بصورت زیر می باشد :
1 |
sessionStorage.setItem( "Key" , "Value" ); |
- Key : یه کلمه کلیدی یا یه اسم برای شناسایی
- Value : مقدار
مثال : تعریف یک سِشِن ( یا session ) با نام MySite و مقدار Free-Learn
1 2 3 4 5 |
<script> sessionStorage.setItem("MySite", "Free-Learn"); </script |
Free-Learn
نحوه فراخوانی sessionStorage
خب ما در مثال قبلی یاد گرفتیم که چجوری سِشِن رو تعریف کنیم و حالا میخوایم یاد بگیریم که چجوری میتونیم سشن رو از حافظه مرورگر فراخوانی کنیم و در صفحه به نمایش درآوریم.
شکل کلی برای فراخوانی sessionStorage بصورت زیر می باشد :
1 |
sessionStorage.getItem( "Key" ); |
- Key : همون نام یا کلمه کلیدی که براش تعریف کردیم
مثال : در مثال زیر هم سشن تعریف شده و هم فراخوانی
1 2 3 4 5 6 7 8 9 10 |
<script> // ست کردن سشن sessionStorage.setItem("MySite", "Free-Learn"); // فراخوانی سشن var a; a = sessionStorage.getItem("MySite"); document.write("مقدار سشن هست : " + a); </script> |
Free-Learn
نحوه حذف sessionStorage
ما از ۲ روش میتونیم حافظه سشن رو حذف یا پاک کنیم، که این روش ها به شرح زیر می باشد :
- حذف یک سشن خاص ( از طریق کلمه کلیدی یا نام یا در واقع همون Key سشن )
1 |
sessionStorage.removeItem("key"); |
- حذف کل سشن های موجود در حافظه
1 |
sessionStorage.clear(); |
مثال شماره ۱ : حذف یک سشن خاص
1 2 3 4 5 6 7 8 9 |
<script> // حذف کردن سشن function Del(){ sessionStorage.removeItem("MySite"); alert("سشن حذف شد، حالا فراخوانی کن ببین چیزی میبینی"); } </script> |
مثال شماره ۲ : ست کردن چندین سشن و حذف تمامی سشن های موجود در حافظه
1 2 3 4 |
function DelAll(){ sessionStorage.clear(); alert("تمامی سشن ها حذف شد"); } |
Free-Learn
نکات و توضیحات
- سِشِن یا Session در لغت به معنی جلسه می باشد، خودمونی میتونیم بگیم یک فضای موقت کاری یا هرچیزی که عمرش محدوده و بصورت موقت ایجاد میشه.
- طول عمر یه sessionStorage برابر است تا زمانی که مرورگر باز باشه، یعنی اگه مرورگر بسته شد sessionStorage هم از بین خواهد رفت.
- برای sessionStorage ها نمیشه طول عمر تعریف کرد ولی برای کوکی ها میتونیم طول عمر تعریف کنیم و تا زمانی که عمرشون باقیست در دسترس می باشند.
- وقتی یک سشن تعریف نشده باشد یا کلا ست نشده باشد مقدار null نمایش داده خواهد شد و این یعنی سشن ست نشده.