首页 > 编程知识 正文

js缓存三种方法,前端浏览器缓存方式

时间:2023-05-06 19:38:48 阅读:189269 作者:14

在前端浏览器中,有些数据可以在第一个请求时全部拿来并保存在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开发公司煶轩科技整理发布,原创不易,转载请注明出处!

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。