آموزش ویژگی sessionStorage در BOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی sessionStorage در BOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی sessionStorage در BOM جاوااسکریپت
با استفاده از ویژگی sessionStorage میتونیم داده ها ( داده های کوچک و موقت ) رو درون مرورگر ذخیره کنیم و همچنین میتونیم به داده های ذخیره شده در مرورگر دسترسی پیدا نماییم.
یه ویژگی دیگه بنام localStorage داریم که اونم کارش ذخیره سازی داده ها در مرورگر می باشد.
با استفاده از این ویژگی وقتی داده ها در حافظه مرورگر ذخیره بشن در دفعات بعدی بازم در دسترس هستند، یعنی اگه صفحه رو رفرش ( دوباره بارگذاری ) کنید بازم داده ها در دسترس هستند ولی اگه کلا مرورگر رو ببندیم داده ها هم از بین خواهند رفت.
تفاوت localStorage با sessionStorage : ویژگی localStorage داده هارو در مرورگر بصورت دائمی ذخیره میکنه، یعنی اگه مرورگر رو ببندید و دوباره باز کنید بازم داده ها سرجاشونن ولی sessionStorage با بسته شدن مرورگر تمامی داده ها حذف خواهد شد.
برای نگهداری داده های بزرگ ( یا اطلاعات حساس ) اصلا نباید از این روش استفاده نمایید، و باید از پایگاه داده ها ( مثه MySql ) استفاده نمایید.
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : ست کردن داده ( مثلا یک نام ) درون حافظه مرورگر
|
1 2 3 4 5 |
<script> sessionStorage.setItem("MySite", "فری لرن"); </script> |
مثال شماره ۲ : گرفتن داده ( همون نام ) از حافظه مرورگر
|
1 2 3 4 5 |
<script> sessionStorage.getItem("MySite"); </script> |
مثال شماره ۳ : حذف داده ( همون نام ) از حافظه مرورگر
|
1 2 3 4 5 |
<script> sessionStorage.removeItem("MySite"); </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام ویژگی | Chrome | Firefox | Opera | Safari | IE |
| sessionStorage | ۴ | ۳٫۵ | ۱۱٫۵ | ۴ | ۸ |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
- ست کردن کلید جدید :
|
1 |
sessionStorage.setItem(" Key_Name ", " Value "); |
- گرفتن / دریافت کلید :
|
1 |
sessionStorage.getItem(" Key_Name "); |
- حذف کردن کلید :
|
1 |
sessionStorage.removeItem(" Key_Name "); |
- حذف تمامی کلیدهای موجود در حافظه :
|
1 |
sessionStorage.clear(); |
Free-Learn
نکات و توضیحات
- ویژگی localStorage داده هارو بصورت دائمی و تازمانی که توسط خودمون حذف نشده اند نگهداری میکنه ولی sessionStorage به محض بسته شدن مرورگر تمامی داده هاش حذف میشن.
