在前端浏览器中,有些数据可以在第一个请求时全部拿来并保存在js对象中,例如数据词典中的数据。 然后,您就不必在需要时每次都向服务器请求。 这种方法会大大减少对在下拉框中大量输入数据词典的页面的访问。 因此,这种方法特别适用于使用iframe的框架。
具体思路和方法如下
创建cache.js文件:
1、前端页面,定义了需要一次将这些数据输入前端缓存,定义了要存储这些数据的对象:
//*
*定义用户登录时必须获取本地数据字典类别
*/
var clsCodes={'clsCodes' :
['BOOL ',
' STATUS ',
' USER_TYPE ',
' REPORT_STATUS '
]
(;
//*
本地获取数据字典
*/
var dicts;
2、定义调用前端页面、后台接口获取数据的函数,并保存到本地缓存对象(dicts )。
函数获取诊断
$.post(getcontextpath (() )/api/sys/getDictList ),
cls代码,
函数(result bean,status,xhRequest ) {
if(resultbean.data!=undefined ) {
dicts=resultBean.data;
}
(,
' json ';
}
当加载主页面时,调用此方法一次检索和缓存数据。 这样,以后需要同样的数据时,就直接从本地对象dicts中获取。 如果还有疑问的话,可以留言咨询,我们一起学习,一起进步。
本文由专业郑州app开发公司煶轩科技整理发布,原创不易,转载请注明出处!