Простий приклад використання php і ajax
В епоху сучасного вебу, більшість сайтів стають все більш інтерактивними. Якщо раніше для отримання оновлених даних нам потрібно було оновити повністю сторінку, то зараз з'явилися технології які дозволяють повністю сторінку не завантажувати, а тільки лише окрему її частину. У свою чергу це надає зручність як користувачам так і власникам серверів, адже для користувача завантаження сторінки буде швидше, так як завантажується тільки окрема частина сторінки, а сервера не потрібно кожного разу генерувати сторінку і віддавати її користувачеві. Ці можливості просто реалізувати за допомогою php і ajax.
Сьогодні ми розберемо невеликий приклад для кращого розуміння роботи концепції AJAX. Іноді новачкам буває важко зрозуміти яким же чином взаємодіє між собою php і ajax, багато людей шукають приклади того як затверджувати форми на льоту без перезавантаження всієї сторінки. Я вам коротко покажу як це робиться, для того, щоб ви могли зрозуміти основи і принципи які дозволять вам в майбутньому більш швидко освоїти інші інструменти і писати свої власні скрипти.
створення сторінки
Створимо просту сторінку з однією формою, яка містить тільки одне поле для введення email.
Синтаксис файлу index.php
Найпростіший спосіб працювати з AJAX - це підключити фреймворк jQuery. що власне я і зробив. jQuery надає нам простий в розумінні і роботі синтаксис для відправки AJAX запитів, чому б не використати цю перевагу?
Створення js скрипта
Синтаксис файлу validate.js
Оброблювач на php
Цей скрипт буде отримувати POST запит від клієнта, обробляти його і повертати результат. AJAX зчитує результат і на його основі приймає рішення.
Синтаксис файлу email.php
У нашому php скрипт, самий звичайний код, який обробляє post запит і друкує на сторінці певний текст. В результаті AJAX відправляє запит php скрипту, скрипт його обробляє і видає результат, AJAX зчитує результат і змінює сторінку в реальному часі.
AJAX передає POST запит скрипту за допомогою цієї ділянки коду: