JavaScript - sessionStorage
JavaScript - sessionStorage
🔸 sessionStorage هو نوع من Web Storage يُستخدم لتخزين البيانات مؤقتًا داخل المتصفح. البيانات المحفوظة فيه تُحذف تلقائيًا بمجرد إغلاق التبويب أو النافذة.
---🔹 تخزين قيمة
sessionStorage.setItem("username", "Mahmoud");
📌 تُخزن البيانات بنفس طريقة localStorage ولكن بشكل مؤقت.
🔹 استرجاع قيمة
const name = sessionStorage.getItem("username");
console.log(name);
🔹 حذف قيمة
sessionStorage.removeItem("username");
🔹 حذف جميع القيم
sessionStorage.clear();
🔹 تخزين واسترجاع كائن
const user = { name: "Mahmoud", role: "Admin" };
sessionStorage.setItem("user", JSON.stringify(user));
const savedUser = JSON.parse(sessionStorage.getItem("user"));
console.log(savedUser.role);
📌 متى أستخدم sessionStorage؟
- عند الحاجة لتخزين بيانات مرتبطة بجلسة التبويب الحالية فقط.
- مثل تتبع تقدم المستخدم في صفحة واحدة.
- مثالي لحالات مثل "السلة المؤقتة" أو "نموذج قيد التعبئة".
⚠️ ملاحظات مهمة
- البيانات تُحذف بمجرد إغلاق التبويب أو المتصفح.
- الحجم المسموح مشابه لـ localStorage (5-10 ميجابايت تقريبًا).
- لا تصلح لتخزين بيانات هامة أو سرية.
تعليقات
إرسال تعليق