HTML Web Storage API

// ذخیره‌سازی داده
sessionStorage.setItem(‘sessionID’, ‘12345’);

// خواندن داده
const session = sessionStorage.getItem(‘sessionID’);
console.log(session); // خروجی: 12345

// حذف یک داده
sessionStorage.removeItem(‘sessionID’);

// حذف همه داده‌ها
sessionStorage.clear();

نکات مهم

• فقط رشته‌ها (string) می‌توانند ذخیره شوند؛ اگر می‌خواهید آرایه یا شی ذخیره کنید، باید آن را به JSON تبدیل کنید:

const user = {name: ‘Ali’, age: 30};
localStorage.setItem(‘user’, JSON.stringify(user));

// خواندن و تبدیل مجدد به شی
const userObj = JSON.parse(localStorage.getItem(‘user’));
console.log(userObj.name); // Ali

• داده‌های ذخیره‌شده محدود به همان دامنه و پروتکل هستند (مثلاً example.com و https://example.com جدا محسوب می‌شوند).

• حجم ذخیره‌سازی معمولاً 5 مگابایت برای هر دامنه است (بسته به مرورگر متفاوت است).

کاربردهای رایج

• ذخیره تنظیمات و ترجیحات کاربر

• حفظ وضعیت برنامه یا فرم‌ها

• ذخیره سبد خرید در فروشگاه‌های آنلاین

• ذخیره توکن‌های ورود (با رعایت نکات امنیتی)