HTML编程之如何使用JS实现前端缓存
2018-09-10 17:46
761 查看
在前端浏览器中,有些数据(比如数据字典中的数据),可以在第一次请求的时候全部拿过来保存在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开发公司燚轩科技整理发布,原创不易,如需转载请注明出处!
具体实现思路和方法如下:
创建一个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开发公司燚轩科技整理发布,原创不易,如需转载请注明出处!
相关文章推荐
- 前端页面使用js实现不同终端引入不同的html页面css样式js等
- 使用JS实现前端缓存
- 使用JS实现前端缓存
- 使用js实现前端缓存
- 如何使用js来实现通过href完成多个html页面之间的传递参数
- jsbeautifier + JScript.NET/JavaScript 编程实现 JavaScript、HTML、CSS 代码格式化脚本命令行工具 并集成到 EditPlus
- 编程技巧:使用LINQ如何通过多次调用GroupBy实现分组嵌套
- 如何使用jquery动态加载js,css文件实现代码
- js高级编程------------使用prototype仿java对象实现表单验证
- Linux Unicode 编程---如何(在程序中)加入并使用 Unicode 以实现外语支持
- 2013-01-28 09:46 PHP阻止页面后退如何用PHP实现禁用浏览器的后退,使后退的页面失效或链接到别的地方?使用php禁止浏览器缓存?
- 【源码】实现Android闹钟功能使用HTML+JS,并附带Alarm代码分享
- 编程珠玑--如何使用位逻辑运算(例如不、或、移位)来实现位向量
- HTML: <a> target属性以及如何在JS实现相同效果
- [置顶] 如何高效使用和管理Bitmap--图片缓存管理模块的设计与实现
- HTML、CSS、JS前端三驾马车如何三天内上手
- 如何禁止IIS缓存静态文件(png、js、html等)
- jsbeautifier + CScript/WScript/JavaScript 编程实现 JavaScript、HTML、CSS 代码格式化 js 脚本命令行工具 并集成到 EditPlus
- 如何高效使用和管理Bitmap--图片缓存管理模块的设计与实现
- html中 如何使用 Javascript 实现防止表单反复提交