处理具有10,000个选项的选择标记时，页面需要一整分钟的时间才能加载
处理具有10,000个选项的选择标记时，页面需要一整分钟的时间才能加载
提问于 2014-06-06 23:12:50
我有一个简单的网页，它使用一个选择标签，让用户选择不在数据库表中的项目。
问题是，选项的数量有时会达到10,000甚至更多。
当选项超过7,000个时，页面开始加载得非常慢。我现在正在使用JSTL创建每个选项。我曾尝试在后端生成一个大的选项字符串，然后再将其传递给前端，但这似乎没有帮助。
还有没有人需要处理大的选择标签？您如何在前端有效地处理它们？
回答 1
Stack Overflow用户
发布于 2014-06-07 00:54:35
正如评论中提到的，这是一个与编码问题一样大的GUI设计问题。
我的第一个想法是将数据放到树形结构中，这样用户就可以按类别向下钻取。这种类型的问题给我的感觉是"Ajax“，因为这样你就只能加载顶级类别了。当用户选择其中一个类别时，您可以执行一个Ajax调用来获取适当的子类别数据，然后只刷新页面的这一部分。
我以前的工作也遇到过类似的问题。我们有一个客户，拥有超过2500个地点。位置的下拉框对于用户来说太难导航了。一万个真的很让人沮丧。我们使用了一个基于Ajax的树形控件。我不记得我们使用了哪个JQuery树控件，但我们的解决方案最终按州分组，偶尔也按子区域分组(北加州、南加州)。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24085207
复制相关文章
相似问题
腾讯云开发者
