HTML編程之如何使用JS實現前端緩存
阿新 • • 發佈:2018-09-10
status context fun 我們 咨詢 獲取 定義 result sco 在前端瀏覽器中,有些數據(比如數據字典中的數據),可以在第一次請求的時候全部拿過來保存在js對象中,以後需要的時候就不用每次都去請求服務器了。對於那些大量使用數據字典來填充下拉框的頁面,這種方法可以極大地減少對服務器的訪問。因此這種方法特別適用於使用iframe的框架。
具體實現思路和方法如下:
創建一個cache.js文件:
1、前端頁面,定義那些數據需要一次性拿到前端緩存,定義一個對象來保存這些數據:
/**
* 定義需要在用戶登錄的時候獲取到本地的數據字典類別
*/
var clsCodes = {"clsCodes" :
["BOOL",
"STATUS",
"USER_TYPE",
"REPORT_STATUS"
]
};
/**
* 獲取數據字典到本地
*/
var dicts;
2、前端頁面,定義一個函數來調用後臺接口獲取數據,然後保存到本地緩存對象(dicts)中。
function getDicts() {
$.post(getContextPath() + "/api/sys/getDictList",
clsCodes,
function(resultBean, status, xhRequest) {
if (resultBean.data != undefined) {
dicts = resultBean.data;
}
},
‘json‘);
}
在主頁面加載的時候調用這個方法一次性獲取數據並緩存起來。這樣,以後需要同樣的數據,就直接從本地對象dicts中獲取了。如果大家還存在疑問的話,可以留言咨詢,我們可以共同學習,一起進步。
本文由專業的鄭州app開發公司燚軒科技整理發布,原創不易,如需轉載請註明出處!
HTML編程之如何使用JS實現前端緩存