Реализация выбора страны-штата-города для статической html-страницы

мы запускаем статический веб-сайт

отправка формы веб-сайтов подключается к службе для обработки данных формы, а затем перенаправляется в другую службу для обработки данных и обработки запросов. Мы отметили, что выбор страны, штата и города должен быть единообразным, чтобы лучше обрабатывать эти данные. Существуют такие списки, например: https://dev.maxmind.com/geoip/geoip2/geolite2/

Это означает, что нет неуникальных значений, например, если вы дадите пользователю ввод текста, он однажды напишет «лондон», один раз «Лондон» или «я из Лондона».

Итак, список с уникальными значениями для пользовательского ввода.

Для динамического веб-сайта это не проблема, я загружаю данные о стране, и при выборе страны я вывожу доступные штаты, и если это проходит, я даю города. Проблема в том, что этот сайт статичен, т.е. HTML.

Таким образом, чтобы получить аналогичный опыт, необходимо отправить клиенту всю базу данных со списком штатов, что является излишним и занимает где-то около 10 МБ.


html country countries
person Toskan    schedule 11.06.2018    source источник
comment
Итак, в чем вопрос? Как это сделать, не загружая 10 МБ данных?   -  person Heretic Monkey    schedule 12.06.2018

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете создать страницу со списком всех 50 состояний в виде гиперссылок. Каждый штат будет ссылаться на страницу с каждым городом в этом штате. Таким образом, вместо отправки 10 МБ данных у вас будет 10 МБ веб-страниц, и пользователи смогут выбирать, какие из них им нужны.

<!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.

person Jonathan Rogers    schedule 11.06.2018