كيفية استخدام localStorage في JavaScript

كيفية استخدام localStorage في JavaScript

توفر آلية التخزين المحلي نوعًا من كائن تخزين الويب الذي يتيح لك تخزين البيانات واستردادها في المتصفح. يمكنك تخزين البيانات والوصول إليها دون انتهاء الصلاحية ؛ ستكون البيانات متاحة حتى بعد أن يغلق الزائر موقعك.





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





ما هو localStorage في جافا سكريبت؟

يعد كائن localStorage جزءًا من واجهة برمجة تطبيقات تخزين الويب التي تدعمها معظم متصفحات الويب. يمكنك تخزين البيانات كأزواج مفتاح - قيمة باستخدام localStorage. يجب أن تكون المفاتيح والقيم الفريدة بتنسيق UTF-16 DOM String.





إذا كنت تريد تخزين كائنات أو مصفوفات ، فسيتعين عليك تحويلها إلى سلاسل باستخدام ملف JSON.stringify () طريقة. يمكنك تخزين ما يصل إلى 5 ميغا بايت من البيانات في localStorage. أيضًا ، يمكن لجميع النوافذ التي لها نفس الأصل مشاركة بيانات التخزين المحلية لهذا الموقع.

android 7.0 نقل التطبيقات إلى بطاقة sd

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



localStorage مقابل sessionStorage

ال localStorage و sessionStorage الكائنات هي جزء من Web Storage API الذي يخزن أزواج المفتاح والقيمة محليًا. تدعم كل المتصفحات الحديثة كلاهما. مع localStorage ، لا تنتهي صلاحية البيانات حتى بعد أن يغلق المستخدم متصفحه. هذا يختلف عن sessionStorage التي تمسح البيانات عند انتهاء جلسة الصفحة. تنتهي جلسة الصفحة عند إغلاق علامة تبويب أو نافذة.