قبل ظهور HTML5 ، إذا احتاج المطور إلى تخزين كمية صغيرة من البيانات على العميل ، فلا يمكن تنفيذها إلا من خلال ملفات تعريف الارتباط ، ولكن هناك عدة نقاط غير كافية لملفات تعريف الارتباط:
• يقتصر حجم ملفات تعريف الارتباط تحت كل اسم مجال على 4 كيلو بايت.
• سوف يتضمن ملف تعريف الارتباط في كل طلب HTTP ، مما سيؤدي إلى تكرار بيانات مكررة.
• لا يحتوي ملف تعريف الارتباط على تشفير أثناء نقل الشبكة ، وهناك مخاطر السلامة الخفية.
تتم إضافة وظيفة تخزين الويب إلى HTML5. حصل تخزين الويب الآن على دعم متصفحات Firefox و Opera و Chrome و Safari الرئيسية.
مقدمة لتخزين الويبتنقسم تخزين الويب إلى تخزين الجلسة والتخزين المحلي:
تخزين الجلسة: على غرار الجلسة ، فإن فترة بقاء البيانات المحفوظة حسب تخزين الجلسة هي نفس فترة الجلسة. التخزين المحلي: كانت البيانات المحفوظة بواسطة التخزين المحلي دائمًا محليًا ، ما لم يكن المستخدم أو البرنامج واضحًا بشكل صريح ، فستوجد هذه البيانات في نفس الوقت.يوفر كائن النافذة سمتين لـ SessionStorage و LocalStorage ، والتي تمثل تخزين الجلسة والتخزين المحلي على التوالي. هذان الوظيفتان والاستخدامان متماثلتان تقريبًا ، لكن لديهم فترات بقاء مختلفة لتوفير البيانات. يوفر التخزين السمات والأساليب التالية (خذ LocalStorage كمثال):
• LocalStorage.Length: احصل على عدد أزواج القيمة الرئيسية ؛
• localstorage.key (الفهرس): مفتاح الحصول على فهرس الفهرس ؛
• LocalStorage.getItem (مفتاح): احصل على القيمة المقابلة للمفتاح المحدد ؛
• localstorage.setitem (مفتاح ، القيمة): احفظ زوج القيمة المفاتيح المحدد ؛
• LocalStorage.RemoveItem (المفتاح): حذف زوج القيمة الرئيسية من القيمة الرئيسية المقابلة للمفتاح المحدد ؛
• localstorage.clear (): حذف جميع أزواج القيمة الرئيسية.
تجدر الإشارة إلى أن كل من المفتاح والقيمة يجب أن يكونا سلسلة. لذلك بعض البيانات التي ليست سلسلة ، يمكننا تحويلها إلى تنسيق سلسلة من خلال JSON وطرق أخرى.
يخزن تخزين الويب بيانات متعددة مع JSONنحن على دراية بالاستخدام الأساسي للسمات والأساليب ذات الصلة من خلال برنامج صغير:
• المعلومات الأساسية لإدخال الطلاب (بما في ذلك عدد أرقام المدارس والأسماء والدرجات والجنس) ، تستخدم رقم المدرسة كقيمة رئيسية للتخزين في التخزين المحلي ؛
• استفسر عن المعلومات الأساسية للطلاب من خلال رقم المدرسة ؛
• إظهار معلومات جميع الطلاب ؛
بادئ ذي بدء ، نقوم بتصميم صفحة HTML
XML/HTML رمز نسخ المحتوى إلى الحافظة