واجهة برمجة تطبيقات تخزين الويب
تعد Web Storage API بنية بسيطة لتخزين واسترجاع البيانات في المتصفح. من السهل جدا استخدام:
مثال
localStorage.setItem("name", "John Doe");
localStorage.getItem("name");
يتم دعم Web Storage API في جميع المتصفحات:
Chrome | IE/Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
كائن localStorage
يوفر كائن localStorage الوصول إلى مخزن محلي لموقع ويب معين. يسمح لك بتخزين عناصر البيانات لهذا المجال وقراءتها وإضافتها وتعديلها وحذفها.
يتم تخزين البيانات بدون تاريخ انتهاء الصلاحية ، ولن يتم حذفها عند إغلاق المتصفح.
ستكون البيانات متاحة للأيام والأسابيع والسنوات.
طريقة setItem ()
يخزن الأسلوب localStorage.setItem () عنصر بيانات في وحدة تخزين.
يأخذ اسمًا وقيمة كمعلمات:
مثال
localStorage.setItem("name", "John Doe");
طريقة getItem ()
يسترد الأسلوب localStorage.getItem () عنصر بيانات من التخزين.
تأخذ اسمًا كمعامل:
مثال
localStorage.getItem("name");
كائن جلسة التخزين
كائن sessionStorage مطابق لكائن localStorage.
الفرق هو أن الكائن sessionStorage يخزن البيانات لجلسة واحدة.
يتم حذف البيانات عند إغلاق المتصفح.
مثال
sessionStorage.getItem("name");
طريقة setItem ()
تخزن طريقة sessionStorage.setItem () عنصر بيانات في وحدة تخزين.
يأخذ اسمًا وقيمة كمعلمات:
مثال
sessionStorage.setItem("name", "John Doe");
طريقة getItem ()
يسترد الأسلوب sessionStorage.getItem () عنصر بيانات من التخزين.
تأخذ اسمًا كمعامل:
مثال
sessionStorage.getItem("name");
خصائص وطرق كائن التخزين
Property/Method | Description |
---|---|
key(n) | Returns the name of the nth key in the storage |
length | Returns the number of data items stored in the Storage object |
getItem(keyname) | Returns the value of the specified key name |
setItem(keyname, value) | Adds that key to the storage, or update that key's value if it already exists |
removeItem(keyname) | Removes that key from the storage |
clear() | Empty all key out of the storage |
الصفحات ذات الصلة لواجهة برمجة تطبيقات تخزين الويب
Property | Description |
---|---|
window.localStorage | Allows to save key/value pairs in a web browser. Stores the data with no expiration date |
window.sessionStorage | Allows to save key/value pairs in a web browser. Stores the data for one session |