下拉列表联动数据量过大加载慢导致卡顿解决方案

最近项目中遇到一个问题,下拉列表点击一项后会卡顿,过会才会消失!
问题描述:两个下拉列表联动,第一个下拉项选择后会触发第二个下拉内容的加载,改变第一个下拉的值,下拉项会卡一下在消失
问题分析:经测试发现第二个下拉数据量较少时不会卡顿,数据量大会出现卡顿,在后台打印查询时间差发现,查询时间在1-2s,与卡顿时间相符
解决方案:由于第二个下拉的内容与第一个下拉是对应且固定的,因此在页面初始化时将第二个下拉的数据全部获取,在第一个下拉改变时只需要从本地获取数据即可(从本地获取速度很快)
最终完美解决



最新回复(0)
/jishuCvm2KNHT5KU4kxox1PfkRT8dlmvtNKqkvfMHlKkWnwc_3D4648993
8 简首页