Нужны рекомендации по проектированию HTML-DOM

Question

Я начал с проекта, где я должен использовать сценарии на стороне клиента @ extreme.

это сценарий:
В моем списке два раскрывающихся спискаформа на моей веб-странице ..
одна страна, а другая - государство.
Раскрывающийся список STATE должен быть отключен до тех пор, пока не будет выбрано одно из значений в Country, и в соответствии со значением, выбранным в раскрывающемся списке COUNTRY, соответствующие состояния должны присутствовать в раскрывающемся списке STATE.

Это то же самое, что мы видим на Email-аккаунте, странице регистрации ..

Я загружаю данные (отображение страны со штатами) из файла XML .. (Предположим, что этофайл будет присутствовать в клиентской системе по фиксированному, абсолютному пути ..)

Я ищу руководство в Интернете для достижения этой цели.любые ссылки или учебники будут полезны.

Answer 1

Поскольку это веб-приложение, вы не сможете читать содержимое файла с клиентского компьютера из-за проблем безопасности. См. модель безопасности JavaScript . Сохраните информацию о стране и штате на своем сервере, и когда для раскрывающегося списка произойдет событие onchange , заполните значения второго раскрывающегося списка с сервера, используя AJAX .

Answer 2

Не хочу быть слишком расплывчатым, но это стандартный каскадный выпадающий сценарий. Подавляющее большинство фреймворков AJAX будут иметь простые решения этой проблемы, вопрос только в том, какой из них вы предпочитаете.

Я сделал это сам в ASP.Net AJAX и в jQuery, но вокруг есть много других хороших фреймворков.

Как уже было предложено, доступ к XML через файловую систему проблематичен, но вы можете использовать локальный URL или (предпочтительно IMHO) через ресурс на стороне сервера (например, БД)

Answer 3

Я бы сохранял значения страны и состояния в базе данных где-то на вашем сервере, чтобы избежать проблем с блокировкой, если приложение одновременно используют несколько пользователей. Затем я бы реализовал ваше раскрывающееся меню, используя CascadingDropDown с AjaxControlToolkit. Смотрите пример здесь

Существует учебник, которому вы можете следовать здесь