Как получить данные из базы с использованием Ajax

В своём домашнем проекте мне часто приходится получать различные данные из базы данных MySQL.

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

Мой сайт написан с использованием PHP + MySQL, поэтому примеры все на PHP.

Страница начальная — назовём её «клиент»

На клиентской странице мы имеем некий объект (поле с данными, текст, или кнопку) при нажатии или изменении которой мы хотим получить данные из нашей базы MySQL.

Для примера, я сделаю кнопку, при нажатии на которую мы с применением Ajax получим данные и отрисуем в нужном нам месте.

Вот код моей кнопки:

<button id=»btnGetBlue» class=»btn-success»>Голубые шары</button>

Для отправки данных на сервер