jquery ajax cache

jquery-ajax-cache

لغة

وثيقة باللغة الإنجليزية

يعمل المكون الإضافي jquery-ajax-cache على توسيع $.ajax الخاص بـ jQuery ويوفر طريقة مريحة للغاية لتخزين طلبات ajax مؤقتًا في "localStorage" أو "sessionStorage". الشيء الوحيد الذي عليك القيام به هو تنفيذ طريقة cacheValidate للتحقق مما إذا كانت النتائج التي تم إرجاعها بحاجة إلى التخزين المؤقت. سيقوم المكون الإضافي بمسح البيانات منتهية الصلاحية أثناء تحميل الصفحة وعمليات قراءة البيانات وكتابتها لتجنب تراكم البيانات منتهية الصلاحية. في الوقت نفسه، يمكنك أيضًا الاتصال بـ $ajaxCache.deleteAllExpires() لمسح ذاكرة التخزين المؤقت منتهية الصلاحية يدويًا.

لماذا jquery-ajax-cache؟

ميزة

1. سهل الاستخدام!
2. لا يزال سهل الاستخدام! !
3. الأشياء المهمة 3 مرات، سهلة! ! !
4. قم بمسح البيانات منتهية الصلاحية قدر الإمكان لتجنب التجاوز

تحميل

قم بتنزيل أحدث إصدار من jquery-ajax-cache

كوخ

 Bower تثبيت jquery-ajax-cache

npm

 npm تثبيت jquery-ajax-cache --save-dev

يقدم

 <script src="../node_modules/jquery/dist/jquery.js"></script><script src='../dist/jquery-ajax-cache.min.js'></script>

يستخدم

لأنه في التطبيقات الفعلية، قد تكون النتيجة التي ترجعها الخلفية عبارة عن معلومات نجاح أو معلومات فشل. لذلك نحتاج فقط إلى تخزين الطلبات التي نعتقد أنها ناجحة من حيث الأعمال. يحتفظ المكون الإضافي jquery-ajax-cache بطريقة cacheValidate للتحقق من صحة المستخدمين لتحديد ما إذا كان الطلب ناجحًا.

تكوين cacheValidate على مستوى العالم (يجب استدعاء هذه الطريقة مرة واحدة عالميًا)

 $ajaxCache.config({// يحدد منطق الأعمال ما إذا كان الطلب قد تم تخزينه مؤقتًا أم لا، والدقة هي نتيجة إرجاع ajax، والخيارات هي معلمة $.ajax CacheValidate: function (res, options) { // اختياري، قم بتكوين ما إذا كان التحقق العالمي يحتاج طرق "التكوين العام" و"المخصصة" للتخزين المؤقت، تُرجع طريقة التحقق من ذاكرة التخزين المؤقت للتنفيذ واحدة على الأقل بشكل صحيح؛ // جميع الحالات مخزنة مؤقتًا // return res.state === 'ok'; ذاكرة التخزين المؤقت فقط عند استيفاء شروط معينة // إرجاع خطأ؛ // ​​لا تقم بالتخزين المؤقت}، نوع التخزين: 'localStorage'، // اختياري، 'localStorage' أو 'sessionStorage'، مهلة 'localStorage' الافتراضية: 60 * 60، // اختياري ، الوحدة هي ثانية. القيمة الافتراضية هي ساعة واحدة});$.ajax({// عند الاستخدام، ما عليك سوى إضافة صف من السمات ajaxCache: trueajaxCache: true // "التكوين العام" و"المخصص"، تطبيق واحد على الأقل لطريقة التحقق من ذاكرة التخزين المؤقت/* أخرى... */);

تخصيص التحقق cacheValidate لطلب واحد

 $.ajax(// ستتجاوز المعلمات هنا الإعدادات في ajaxCache "التكوين العام": {// يحدد منطق العمل ما إذا كان الطلب مخزنًا مؤقتًا، أم لا، وترجع الدقة النتيجة لـ ajax، والخيارات هي معلمة $.ajax CacheValidate: وظيفة (res, options) { // اختياري، قم بتكوين الطريقة العامة للتحقق مما إذا كان التخزين المؤقت مطلوبًا، و"التكوين العام" و"المخصص"، يُرجع تنفيذ واحد على الأقل لأسلوب ذاكرة التخزين المؤقت صحيحًا؛ // التخزين المؤقت في جميع الحالات // return res.state === 'ok'; // تخزين مؤقت فقط في حالة استيفاء شروط معينة // return false; // لا تقم بالتخزين المؤقت}، نوع التخزين: 'localStorage'، // اختياري، 'localStorage' أو 'sessionStorage'، افتراضي 'localStorage'timeout: 60 * 60، // اختياري، وحدة الثواني الافتراضية هي ساعة واحدة، forceRefresh: خطأ // اختياري، الافتراضي خطأ. ما إذا كان سيتم فرض طلب تحديث أم لا. لا يقرأ هذا الطلب ذاكرة التخزين المؤقت، وإذا نجح الطلب، فسيتم تحديث سيناريوهات التطبيق مثل: التحديث المنسدل}});

مسح البيانات منتهية الصلاحية

ليست هناك حاجة للاتصال بشكل نشط ما لم تكن هناك ظروف خاصة، حيث سيقوم البرنامج الإضافي تلقائيًا بمسح البيانات منتهية الصلاحية

 $ajaxCache.deleteAllExpires();