Як на ajax передати змінні в php з висновком результату в блок з перевіркою умов без

Як на AJAX передати змінні в PHP з висновком результату в блок з перевіркою умов без перезавантаження сторінки

Якщо ви тільки почали вивчати PHP і вже створювали форми для відправки даних GET і POST запитами, то напевно замислювалися: «Як обробляти дані і оновлювати їх без перезавантаження сторінки?». У цій статті ми на простому прикладі покажемо, як реалізувати таку обробку, а допоможе нам в цьому AJAX.

Реалізуємо відправку даних із списку, обробку цих даних на сервері, і повернення оброблених даних назад клієнту.

Для початку потрібно імпортувати бібліотеку JQuery для працездатності AJAX. усередині тега

вашого проекту прописуємо:

Далі створюємо форму із списком, дані з якого потрібно буде відправити і обробити:

AJAX працює з HTML елементами через атрибут id, тому не забуваємо прописати його нашої формі.

Поза форми створимо кнопку для відправки і блок div, в який будемо виводити отриманий результат:

При натисканні на кнопку буде запускатися функція, прописуємо її назву в атрибуті onclick. Задаємо id для блоку.

Ну і тепер перейдемо до найцікавішого - створення функції.

Дамо їй назву send. За допомогою функції serialize перетворимо набір елементів з нашої форми в рядок, придатну для передачі в оброблювач. У url пропишемо шлях до обробника, який створимо пізніше. Передамо в data дані з msg. Відбувається запит в обробник.

Тепер потрібно створити обробник. Ім'я йому ми вже поставили - auto_result.php. Додамо в нього наступний код:

На цьому реалізація найпростішої динамічної обробки завершена.