原生js實現分頁快取

2022-04-29 14:06:08 字數 1351 閱讀 9810

內容涉及知識點:

1.後台分頁查詢概念

2.原生ajax請求

3.閉包

思路:利用js的記憶體機制 , 建立乙個物件快取池 ,通過閉包保證快取池物件不會被gc** ,而且能被外界訪問 

讀取資料時 , 判斷快取池中是否已經存在 , 不存在則傳送ajax獲取資料並快取起來 ,

否則直接在快取池中獲取資料  

//利用js的記憶體機制 建立快取池 全域性變數不會被**

function cachedata(); //

宣告乙個快取池變數

return

, get:

function(page)

else}}

}var cache_ul= document.queryselector('.cache_ul');

cache_ul.addeventlistener('click',function

(e) })

原生 js 寫分頁

這段 是用原生 js 寫的乙個分頁的效果 doctype html html lang en head meta charset utf 8 title document title style ul ul li div ul background style head body div id di...

JS簡單原生分頁

html部分隨便寫即可 不同需求寫不同樣式 html 這裡簡單些乙個ul標籤用來寫入內容 odd呢代表我們分頁要寫入的a標籤頁數 這裡後台我用到了node來書寫,不過原理是相通的,用其他後端語言也是可以實現的。node const express require express 建立乙個伺服器 co...

原生js實現Ajax

一般來說,大家可能都會習慣用jquery提供的ajax方法,但是用原生的js怎麼去實現ajax方法呢?jquery提供的ajax方法 ajax success function error function 原生js實現ajax方法 var ajax obj.send post function u...