jquery ajax cache

jquery-ajax-แคช

ภาษา

เอกสารภาษาอังกฤษ

ปลั๊กอิน 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

เวลา 22.00 น

 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({//Business logic กำหนดว่าคำขอถูกแคชไว้หรือไม่ res คือผลลัพธ์ที่ส่งคืน ajax ตัวเลือกคือพารามิเตอร์ของ $.ajax cacheValidate: function (res, options) { //ไม่บังคับ กำหนดค่าว่าจำเป็นต้องมีการยืนยันทั่วโลกหรือไม่ วิธีการแคช "การกำหนดค่าสากล" และ "กำหนดเอง" การใช้งาน cacheValidate อย่างน้อยหนึ่งวิธีคืนค่าจริง // ทุกกรณีถูกแคช // return res.state === 'ok'; แคชเฉพาะเมื่อตรงตามเงื่อนไขบางประการเท่านั้น // return false; // Do not cache}, storageType: 'localStorage', //Optional, 'localStorage' หรือ 'sessionStorage', default 'localStorage' timeout: 60 * 60, //Optional หน่วยเป็นวินาที ค่าเริ่มต้นคือ 1 ชั่วโมง});$.ajax({//เมื่อใช้ เพียงเพิ่มแถวของแอตทริบิวต์ ajaxCache: trueajaxCache: true // "การกำหนดค่าส่วนกลาง" และ "กำหนดเอง" มีการใช้วิธี cacheValidate อย่างน้อยหนึ่งครั้ง/* อื่น ๆ... */});

ปรับแต่ง cacheValidate สำหรับคำขอเดียว

 $.ajax(//พารามิเตอร์ที่นี่จะแทนที่การตั้งค่าใน ajaxCache 'การกำหนดค่าโดยรวม': {//ตรรกะทางธุรกิจกำหนดว่าคำขอถูกแคชไว้หรือไม่ res ส่งคืนผลลัพธ์สำหรับ ajax ตัวเลือกคือพารามิเตอร์ของฟังก์ชัน $.ajax cacheValidate: (res, ตัวเลือก) { // ไม่บังคับ กำหนดค่าวิธีการส่วนกลางเพื่อตรวจสอบว่าจำเป็นต้องมีการแคช "การกำหนดค่าส่วนกลาง" และ "กำหนดเอง" การใช้วิธี cacheValidate อย่างน้อยหนึ่งครั้งจะคืนค่าจริง // การแคชในทุกกรณี // ส่งคืน res.state === 'ok'; // แคชเฉพาะในกรณีที่ตรงตามเงื่อนไขบางประการ // return false; // Do not cache}, storageType: 'localStorage', // Optional, 'localStorage' หรือ 'sessionStorage', ค่าเริ่มต้น ' localStorage'timeout: 60 * 60, // ทางเลือก, หน่วยวินาที ค่าเริ่มต้นคือ 1 ชั่วโมง, forceRefresh: เท็จ // ทางเลือก, ค่าเริ่มต้นคือเท็จ ไม่ว่าจะบังคับให้รีเฟรชคำขอ คำขอนี้ไม่ได้อ่านแคช และหากคำขอสำเร็จ แคชจะได้รับการอัปเดต สถานการณ์จำลองของแอปพลิเคชัน เช่น: การรีเฟรชแบบดึงลง}});

ล้างข้อมูลที่หมดอายุ

ไม่จำเป็นต้องโทรออกเว้นแต่จะมีสถานการณ์พิเศษ ปลั๊กอินจะล้างข้อมูลที่หมดอายุโดยอัตโนมัติ

 $ajaxCache.deleteAllExpires();