pear-admin 下拉选项初始化优化

最新推荐文章于 2025-04-06 01:40:20 发布

开发者长银

最新推荐文章于 2025-04-06 01:40:20 发布

阅读量407

点赞数

分类专栏：前端知识文章标签： javascript 前端 ajax

本文链接：https://blog.csdn.net/zcy_wxy/article/details/128580083

版权

前端知识专栏收录该内容

28 篇文章

订阅专栏

文章描述了一个在pear-admin框架中，为解决下拉选项初始化和表格展示时的重复请求问题，进行了代码优化。通过在dictionary.js中修改函数，使用layui.data存储和检查缓存，在两秒内对相同请求直接返回数据，从而减少了不必要的AJAX调用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题背景：pear-admin下拉选项初始化和table展示时会有重复请求的情况，导致重复请求。

优化：dictionary.js 修改使用layui.data缓存，两秒内重复请求直接返回数据。

优化代码如下：

 const bufEfficientTime=2000;



/**
 * 根据 Code 加载后台字典数据
 *
 * @param dictCode 标识
 */
this.dictListByCode = function (dictCode) {
	if (layui.data('dictListByCode')[dictCode]){
		let dicBuf=layui.data('dictListByCode')[dictCode];
		if (new Date()-new Date(dicBuf.time)<bufEfficientTime){
			return dicBuf.data;
		}
	}
	let dictData = null;
	$.ajax({
		url: '/system/dictData/selectByCode',
		data: {'typeCode': dictCode},
		type: 'get',
		async: false,
		success: function (result) {
			if (result.success === true) {
				dictData = result.data;
				layui.data('dictListByCode',{key:dictCode,value:{time:new Date(),data:dictData}})
			}
		}
	})
	return dictData;
}



/**
 * 根据 Code 加载后台字典数据
 *
 * @param dictCode 标识
 */
this.dictListByUrl = function (url) {
	if (layui.data('dictListByUrl')[url]){
		let dicBuf=layui.data('dictListByUrl')[url];
		if (new Date()-new Date(dicBuf.time)<bufEfficientTime){
			return dicBuf.data;
		}
	}
	let dictData = null;
	$.ajax({
		url: url,
		type: 'get',
		async: false,
		success: function (result) {
			if (result.code === 0) {
				dictData = result.data;
				layui.data('dictListByUrl',{key:url,value:{time:new Date(),data:dictData}})
			}
		}
	})
	return dictData;
}