Question

我们运行静态网站

网站表单提交连接到用于处理表单数据的服务，然后转发到另一个服务以处理数据并处理请求。我们注意到，国家 - 州 - 城市选择需要统一，以便更好地处理这些数据。存在这样的列表，例如：https://dev.maxmind.com/geoip/geoip2/geolite2/

这意味着没有非唯一值，例如，如果您向用户提供文本输入，他将在“伦敦”或“我来自伦敦”之后写一次“伦敦”

所以列表具有用户输入的唯一值。

对于动态网站来说，这不是问题，我加载国家/地区数据，在选择国家/地区时，我会提供可用状态，如果通过，我会给城市。问题是，这个网站是静态的，例如HTML

因此，为了获得类似的体验，需要将整个国家/地区列表数据库发送到客户端，这是过度的，大概是10 MB。

Answer 1

您可以创建一个包含所有50个状态列表的页面作为超链接。每个州都会链接到该州每个城市的页面。这样，您不需要发送10 MB的数据，而是拥有10 MB的网页，用户可以选择他们需要的网页。

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Unordered List</title>
   </head>

   <body>
      <ul>
        <li><a href = "/html/Alabam/Cities.html"> Alabama </a></li>
         <li>Alaska</li>
         <li>Arizona</li>
         <li>Arkansas</li>
        <li>etc</li>
      </ul>
   </body>

</html>

上述代码之类的东西应该可行。每个列表项都是超链接，但您需要将相关文件放在href中。

为静态html页面实现国家 - 州 - 城市选择

1 个答案: