Создаем динамические веб-сайты с помощью PHP, MySQL и JavaScript

Рис. 1.3. Gmaif использует технологию Ajax для проверки допустимости пользовательских имен

Этот Ajax-процесс состоит примерно из следующих шагов.

1. Сервер выдает код HTML для создания веб-формы, запрашивающей необходимые данные:имя пользователя, настоящее имя, настоящую фамилию и адрес электронной почты.

2. Одновременно с этим сервер вкладывает в HTML код JavaScript, позволяющий отслеживать содержимое поля ввода имени пользователя и проверять:

1) введен ли в это поле какой-нибудь текст;

2) был ли фокус ввода перемещен из этого поля по щелчку пользователя на другом поле ввода.

3. Как только будет введен текст и фокус ввода перемещен на другой элемент формы, код JavaScript в фоновом режиме передает введенное имя пользователя PHP-сценарию на веб-сервере и ждет ответной реакции.

4. Веб-сервер осуществляет поиск имени пользователя и возвращает коду JavaScript ответ, в котором сообщает, было ли уже задействовано такое же имя.

5. Затем JavaScript размещает под полем ввода имени пользователя индикатор приемлемости имени пользователя, возможно, в виде зеленой галочки или красного крестика, сопровождая его текстом.

6. Если пользователь ввел неприемлемое имя, но все же пытается отправить форму, код JavaScript прерывает отправку и повторно обращает внимание пользо