آموزش JavaScript
۲۶۰ آموزش
نمایش دسته بندی ها (۲۶۰ آموزش)

ذخیره اطلاعات در مرورگر اینترنت کاربر به صورت زوج اطلاعات کلید (Key) و مقدار (Value)، با قابلیت حذف شدن پس از بستن مرورگر اینترنت، با مشخصه sessionStorage ، در JavaScript

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

در واقع با این نوع ذخیره سازی اطلاعات در مرورگر اینترنت، اطلاعات تنها به اندازه یک جلسه (Session) در مرورگر اینترنت باقی می مانند و با بستن مرورگر اینترنت، حذف می شوند.

ذخیره اطلاعات توسط مشخصه sessionStorage ، به صورت زوج اطلاعات کلید (Key) و مقدار (Value) می باشد. یعنی مثلا فرض کنید که می خواهیم نام کاربر را در مرورگر اینترنت وی ذخیره کنیم، برای این منظور، کلید را برابر name و مقدار را برابر Ali که همان نام کاربر است، در نظر می گیریم. با ذخیره کردن این اطلاعات در مرورگر اینترنت کاربر، هر زمان که بخواهیم نام کاربر را از مرورگر اینترنت وی بخوانیم، اعلام می کنیم که مقدار متناظر با کلید name را می خواهیم. بنابراین تناظر دو به دوی بین کلید (Key) و مقدار (Value) به ما این امکان را می دهد که برای اطلاعات مختلفی که در مرورگر اینترنت کاربر ذخیره می کنیم، به نوعی اسم گذاری داشته باشیم و بر اساس آن اسم ها بتوانیم آنها را فراخوانی کنیم.

نکته

چنانچه بخواهیم که اطلاعات حتی پس از بستن مرورگر اینترنت نیز باقی بمانند و در دفعه بعد که مرورگر اینترنت باز می شود، قابل فراخوانی باشند، می توانیم از مشخصه localStorage در JavaScript استفاده کنیم ( کلید شماره 27719 ).

ذخیره یک زوج اطلاعات کلید (Key) و مقدار (Value) در sessionStorage ، با روش sessionStorage.setItem ، در JavaScript :

با استفاده از روش sessionStorage.setItem در JavaScript ، می توانیم یک زوج اطلاعات کلید (Key) و مقدار (Value) را در sessionStorage ذخیره نماییم.

به عنوان مثال، برای ذخیره اطلاعاتی که در آن، کلید (Key) برابر name و مقدار (Value) برابر Ali می باشد، کد JavaScript زیر را می نویسیم :

دریافت مقدار (Value) متناظر با یک کلید (Key) ذخیره شده در sessionStorage ، با روش sessionStorage.getItem ، در JavaScript :

روش sessionStorage.getItem در JavaScript ، برای دریافت مقدار (Value) متناظر با یک کلید (Key) ذخیره شده در sessionStorage به کار می رود.

به عنوان مثال، برای دریافت مقدار متناظر با کلید (Key) با نام name ، کد JavaScript زیر را می نویسیم :

حذف کردن یک زوج اطلاعات کلید (Key) و مقدار (Value) ذخیره شده در sessionStorage ، با روش sessionStorage.removeItem ، در JavaScript :

با استفاده از روش sessionStorage.removeItem در JavaScript ، می توانیم یک زوج اطلاعات کلید (Key) و مقدار ذخیره شده در sessionStorage را حذف کنیم.

به عنوان مثال، برای حذف کردن یک زوج اطلاعات که نام کلید (Key) آن برابر name می باشد، کد JavaScript زیر را می نویسیم :

حذف کردن همه اطلاعات ذخیره شده در sessionStorage ، با روش sessionStorage.clear ، در JavaScript :

با استفاده از روش sessionStorage.clear در JavaScript ، می توانیم همه اطلاعات ذخیره شده در sessionStorage را حذف کنیم.

روش sessionStorage.clear را به صورت زیر به کار می بریم :

به مثال زیر توجه کنید :

مثال

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
مثال

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
مثال

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
نویسنده علیرضا گلمکانی
شماره کلید 27899
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)