كائنات مصفوفة localStorage في جافا سكريبت
ما هو التخزين المحلي HTML5
localStorage هي واجهة برمجة تطبيقات جديدة (واجهة برمجة التطبيقات) تم تقديمها في HTML5 . يتم استخدامه لتخزين البيانات من بيانات موقع الويب داخل متصفح المستخدم.
localStorage و sessionStorage ، جزء من واجهة برمجة تطبيقات تخزين الويب ، هما أداتان رائعتان لحفظ أزواج المفاتيح / القيمة محليًا. إذا قمت بالنقر فوق الزر 'حفظ' أعلى هذا المنشور ، localStorage هو ما يتم استخدامه لتخزين مشاركاتك المحفوظة.
يوفر كل من localStorage و sessionStorage مزايا مقارنة باستخدام ملفات تعريف الارتباط:
الدوري الاميركي للمحترفين تيارات ريديت 2021
- يتم حفظ البيانات محليًا فقط ولا يمكن للخادم قراءتها ، مما يلغي مشكلة الأمان التي تقدمها ملفات تعريف الارتباط.
- يسمح بحفظ المزيد من البيانات (10 ميجا بايت لمعظم المتصفحات).
- إنه أسهل في الاستخدام كما أن تركيبه واضح جدًا.
- إنه مدعوم أيضًا في جميع المتصفحات الحديثة ، لذا يمكنك استخدامه اليوم دون مشكلة. من الواضح أنه نظرًا لأنه لا يمكن قراءة البيانات على الخادم ، فلا يزال استخدام ملفات تعريف الارتباط ، خاصة عندما يتعلق الأمر بالمصادقة.
يتم أيضًا تصنيف التخزين المحلي بناءً على الأصول. الأصل يعني المجال والبروتوكول. يمكن الوصول إلى البيانات وتخزينها بواسطة جميع الصفحات من هذا الأصل.
كيفية تخزين العناصر واسترجاعها باستخدام LocalStorage؟
يمكن تخزين السلاسل فقط مع localStorage أو sessionStorage ، ولكن يمكنك استخدام JSON.stringify لتخزين كائنات أكثر تعقيدًا و JSON.parse لقراءتها:
let obj = { fn: 'Nandu', ln: 'Singh' }; localStorage.setItem('session', JSON.stringify(obj)); let value = JSON.parse(localStorage.getItem('session')); احذف إدخالاً مع removeItem طريقة:
localStorage.removeItem(key); إذا احتجنا إلى حذف جميع إدخالات المتجر ، فيمكننا ببساطة القيام بما يلي:
localStorage.clear(); #localstorage # html5 #javascript
التحقق من صحة عنوان IP في جافا سكريبت