API تخزين الويب

API Web Storage هو لغة بسيطة لتحديد المخزن وتحديد البيانات في المتصفح. إنه سهل الاستخدام جدًا:

مثال

localStorage.setItem("name", "Bill Gates");
localStorage.getItem("name");

جرب بنفسك

يدعم جميع المتصفحات API Web Storage:

Chrome IE Firefox Safari Opera
Chrome IE/Edge Firefox Safari Opera
دعم دعم دعم دعم دعم

كائن localStorage

يقدم كائن localStorage الوصول إلى المخزن المحلي لموقع معين. يسمح لك بتحديد، قراءة، إضافة، تعديل وحذف بيانات هذا المجال.

بيانات المخزن ليس لديها تاريخ انتهاء الصلاحية ولا يتم حذفها عند إغلاق المتصفح.

ستكون هذه البيانات متاحة لبضعة أيام، أسابيع وسنوات.

طريقة setItem()

تخزن طريقة localStorage.setItem() بيانات العنصر في storage.

يقبل اسمًا وقيمة كمعاملين:

مثال

localStorage.setItem("name", "Bill Gates");

طريقة getItem()

تسترجع طريقة localStorage.getItem() بيانات العنصر من المخزن (storage).

يقبل اسمًا كمعامل:

مثال

localStorage.getItem("name");

كائن sessionStorage

كائن sessionStorage مشابه لكائن localStorage.

الفرق يكمن في أن كائن sessionStorage يحتوي على بيانات الجلسة.

سيتم حذف البيانات عند إغلاق المتصفح.

مثال

sessionStorage.getItem("name");

جرب بنفسك

طريقة setItem()

تخزن طريقة sessionStorage.setItem() بيانات العنصر في المخزن (storage).

يقبل اسمًا وقيمة كمعاملين:

مثال

sessionStorage.setItem("name", "Bill Gates");

طريقة getItem()

يسترجع طريقة sessionStorage.getItem() بيانات العنصر من المخزن (storage).

يقبل اسمًا كمعامل:

مثال

sessionStorage.getItem("name");

خصائص وطرق كائن Storage

الخصائص/الطرق الوصف
key(n) يعيد اسم المفتاح الذي يحتوي عليه n في المخزن.
length إرجاع عدد العناصر المحفوظة في Storage.
getItem(keyname) إرجاع القيمة المحددة للمفتاح.
setItem(keyname, value) إضافة المفتاح إلى التخزين، أو تحديث قيمة المفتاح إذا كان موجودًا بالفعل.
removeItem(keyname) حذف المفتاح من التخزين.
clear() تفريغ جميع المفاتيح.

صفحات API لـ Web Storage

الخصائص الوصف
window.localStorage يسمح بحفظ الأزواج المفتاح/القيمة في متصفح الويب. حفظ بيانات لا تنتهي صلاحيتها.
window.sessionStorage يسمح بحفظ الأزواج المفتاح/القيمة في متصفح الويب. حفظ بيانات الجلسة.