基于 Javascript 的下拉列表显示时间过长

Question

我有一个 Javascript 和 PHP 支持的编码，它从 Mysql 数据库中的表中获取值并将它们显示在前端给用户。这些值是当用户选择他的国家和省/州时显示的城市。例如，如果用户选择美国作为国家，佛罗里达州作为省/州，那么佛罗里达州的所有城市都会显示在下拉列表中。

现在的问题是，在用户选择了他的国家和州/省后，这个城市下拉列表需要太长时间才能显示出来，就像它需要大约 15 秒，这对于用户来说太长了。如何解决这个问题？

如果我从 MYSQL 数据库中删除额外的城市会影响性能吗？就像目前我的数据库中有大约 1000 个额外的城市没有用。如果我全部删除它们会使我的下拉列表快速吗？

Answer 1

没关系，你可能做错了什么。 Mysql 相当快，这 1000 个城市无关紧要。这可能是 UI 端的原因，也可能是您处理它的方式。

原来是这样的：

我假设您有 cities 表，其中包含 country_id 或 state_id，根据国家/地区的选择，有一个 ajax 调用并调用一个函数来执行如下查询：

select * from cities where state_id= //your state_id from via ajax call

在城市下拉菜单中填写结果集