4.2 KiB
title | localeTitle |
---|---|
Store Data in Web Browsers Storage | تخزين البيانات في تخزين متصفحات الويب |
لإدارة البيانات التي تتم معالجتها بواسطة تطبيق الويب الخاص بك ، لا تحتاج بالضرورة إلى قاعدة بيانات. يتم دعم ميزات "تخزين المستعرض" المعنية من قبل Chrome (الإصدار 4 وما يليه) ، و Mozilla Firefox (الإصدار 3.5 والإصدارات الأحدث) و Internet Explorer (الإصدار 8 والإصدارات الأحدث) ، ومجموعة من المتصفحات الأخرى بما في ذلك iOS و Android.
هناك احتمالان رئيسيان لتخزين المتصفح:
1. localStorage
أي محتوى / بيانات محفوظة على كائن localStorage
سيكون متاحًا بعد إعادة تشغيل المتصفح (يتم إغلاقه وفتحه مرة أخرى). لحفظ عنصر إلى localStorage
، يمكنك استخدام الطريقة setItem()
. يجب تسليم هذه الطريقة مفتاح وقيمة.
Example: localStorage.setItem("mykey","myvalue");
لاسترجاع العنصر من localStorage ، يجب استخدام getItem
للأسلوب. يجب أن تسلم طريقة getItem
مفتاح البيانات التي ترغب في استردادها:
Example: localStorage.getItem("mykey");
يمكنك إزالة عنصر من localStorage
باستخدام الأسلوب removeItem()
. يجب تسليم هذه الطريقة مفتاح العنصر المطلوب إزالته:
Example: localStorage.removeItem("mykey");
لمسح localStorage
بأكمله ، يجب عليك استخدام الأسلوب clear()
على كائن localStorage
:
Example: localStorage.clear();
2. sessionStorage
ستظل العناصر المحفوظة في كائن sessionStorage
العمل حتى يتم إغلاق المتصفح من قبل المستخدم. ثم ، سيتم مسح التخزين.
يمكنك حفظ عنصر إلى sessionStorage
، يرجى استخدام الأسلوب setItem()
على sessionStorage
الكائن:
Example: sessionStorage.setItem("mykey","myvalue");
لاسترداد العنصر من sessionStorage ، يجب استخدام getItem
للأسلوب. يجب أن تسلم طريقة getItem
مفتاح البيانات التي ترغب في استردادها:
Example: sessionStorage.getItem("mykey");
يمكنك إزالة عنصر من sessionStorage
باستخدام طريقة removeItem()
. يجب تسليم هذه الطريقة مفتاح العنصر المطلوب إزالته:
Example: sessionStorage.removeItem("mykey");
لمسح الجلسة بأكملها sessionStorage
، يجب عليك استخدام الأسلوب clear()
على كائن sessionStorage
:
Example: sessionStorage.clear();
حفظ المصفوفات إلى التخزين المحلي والذاكرة التخزين المؤقت
لا يمكنك فقط حفظ قيم مفردة في localStorage
و sessionStorage
، ولكن يمكنك أيضًا حفظ محتوى الصفيف.
في هذا المثال ، لدينا صفيف يحتوي على أرقام:
var ourArray =[1,2,3,4,5];
يمكننا الآن حفظه إلى localStorage
أو sessionStorage
باستخدام setItem()
الأسلوب:
localStorage.setItem("ourarraykey",JSON.stringify(ourArray));
أو بالنسبة إلى sessionStorage
:
sessionStorage.setItem("ourarraykey",JSON.stringify(ourArray));
لكي يتم حفظه ، يجب أولاً تحويل الصفيف إلى سلسلة. في المثال الموضح أعلاه ، نستخدم طريقة JSON.stringify
لإنجاز ذلك.
عند استرداد بياناتنا من localStorage
أو sessionStorage
، قم بتحويلها إلى مصفوفة:
var storedArray = localStorage.getItem("ourarraykey"); ourArray = JSON.parse(storedArray);
أو بالنسبة إلى sessionStorage
:
var storedArray = sessionStorage.getItem("ourarraykey"); ourArray = JSON.parse(storedArray);