كيفية الحفاظ على متغيرات جافا سكريبت عبر تحديثات الصفحة

في جافا سكريبت، عادةً ما تفقد المتغيرات قيمها عند تحديث الصفحة. ومع ذلك، هناك تقنيات لجعل المتغيرات ثابتة.

تتضمن إحدى هذه التقنيات استخدام آليات تخزين الويب مثل window.localStorage أو window.sessionStorage. يحتفظ LocalStorage بالبيانات بعد جلسات المتصفح، بينما يحتفظ sessionStorage بالبيانات فقط خلال الجلسة الحالية.

لحفظ متغير باستخدام localStorage، استخدم ما يلي:

var someVarName = "value";
localStorage.setItem("someVarKey", someVarName);

لاسترداد المتغير المحفوظ:

var someVarName = localStorage.getItem("someVarKey");

تذكر، localStorage يخزن قيم السلسلة فقط. للعمل مع أنواع البيانات الأخرى، فكر في استخدام JSON.stringify وJSON.parse.

لمزيد من المعلومات وخيارات التوافق، راجع دليل تخزين DOM الخاص بـ MDN والموارد الأخرى المتوفرة في القسم المرجعي أدناه.