Материал предоставлен https://it.rfei.ru

А теперь все это вместе взятое

Истинная красота РНР, MySQL и JavaScript проявляется в том замечательном способе, благодаря которому они совместно работают над производством динамического веб-контента: РНР занят основной работой на веб-сервере, MySQL управляет данными, a JavaScript заботится о представлении веб-страницы. JavaScript может также взаимодействовать с вашим PHP-кодом на веб-сервере, когда ему нужно что-нибудь обновить (как на сервере, так и на веб-странице).

Неплохо бы теперь подвести краткий итог всему, что изложено в данном разделе, и, не используя программный код, рассмотреть процесс, сочетающий в себе все три технологии в повседневно использующейся многими веб-сайтами функции Ajax: проверке в процессе регистрации новой учетной записи, не используется ли на сайте выбранное имя кем-нибудь другим. Хорошим примером подобного использования технологий может послужить почтовый сервер Google Mail (рис. 1.3).

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

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

  1. Сервер выдает код HTML для создания веб-формы, запрашивающей необходимые данные: имя пользователя, настоящее имя, настоящую фамилию и адрес электронной почты.
  2. Одновременно с этим сервер вкладывает в HTML код JavaScript, позволяющий отслеживать содержимое поля ввода имени пользователя и проверять:
    1) введен ли в это поле какой-нибудь текст;
    2) был ли фокус ввода перемещен из этого поля по щелчку пользователя на другом поле ввода.
  3. Как только будет введен текст и фокус ввода перемещен на другой элемент формы, код JavaScript в фоновом режиме передает введенное имя пользователя PHP-сценарию на веб-сервере и ждет ответной реакции.
  4. Веб-сервер осуществляет поиск имени пользователя и возвращает коду JavaScript ответ, в котором сообщает, было ли уже задействовано такое же имя.
  5. Затем JavaScript размещает под полем ввода имени пользователя индикатор приемлемости имени пользователя, возможно, в виде зеленой галочки или красного крестика, сопровождая его текстом.
  6. Если пользователь ввел неприемлемое имя, но все же пытается отправить форму, код JavaScript прерывает отправку и повторно обращает внимание пользователя (возможно, выводя более крупный графический индикатор и/или открывая окно предупреждения) на необходимость выбора другого имени.
  7. Усовершенствованная версия этого процесса может даже изучить имя, запрошенное пользователем, и предложить альтернативное доступное на данный момент имя.

Все это для удобства пользователя и целостности восприятия им всего происходящего делается без привлечения его внимания в фоновом режиме. Без использования Ajax на сервер будет отправлена вся форма, затем он вернет код HTML с подсветкой тех полей, в которых были допущены ошибки. Можно, конечно, сделать и так, но обработка поля «на лету» будет выглядеть намного интереснее и приятнее.

Технология Ajax может использоваться для решения куда более широкого круга задач, чем простой контроль и обработка вводимой информации. Далее в этом курсе будет рассмотрено много дополнительных приемов, реализуемых с применением Ajax.

В этом разделе вашему вниманию было представлено довольно полное введение в основные технологии применения РНР, MySQL и JavaScript (а также Apache) и рассмотрен порядок их совместной работы.

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

Несколько слов о программах с открытым исходным кодомПроверка знаний: Введение