Кнопка HTML toggle для простого сайта с использованием php?

Question

У меня есть простой сайт, использующий простой HTML/CSS для отображения и PHP/MySQL для хранения данных.

Теперь я хотел бы добавить кнопку переключения, аналогичную кнопке «like» в facebook.

Как я могу воздействовать на пользователя нажатием кнопки (добавить запись базы данных для этого элемента, изменить текст кнопки), не выходя из страницы?

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

Answer 1

Вам нужно будет сделать это с помощью javascript. Прочитайте сообщение «AJAX form posting».

Вид высокого уровня:

• пользователь нажимает на кнопку
• вы захватить щелчок через onclick обработчика в JavaScript, и использовать его, чтобы называть JavaScript функцию
• указанная функция делает удаленный URL запросить через XmlHttpRequest целевую страницу
• , что целевая страница принимает параметры, переданные через POST или GET, и выполняет с ними действия (например, добавляет запись в базу данных) и выводит требуемый ответ
• функция javascript считывает ответ и действует соответственно (например, текст кнопки изменения)

и все это происходит без обновления страницы.

Вы можете сделать все это с использованием кода низкого уровня javascript, но множество библиотек уже абстрагируют его при решении различных проблем с совместимостью браузера. Я бы предложил jQuery javascript library. Он обеспечивает простой способ выполнить именно то, что вам нужно, и хорошую документацию.