PHP / Javascript - изменение изображения кнопки и выполнение вызовов базы данных onClick ()?

Question

У меня есть кнопка на странице.Кнопка является спрайтом изображения, и она выбирает ДОБАВИТЬ зеленым цветом.Я хочу, чтобы пользователь мог нажать на эту кнопку, а затем сделать несколько вещей:

1) Эта кнопка вызывает вызов, чтобы добавить элемент в мою базу данных MySQL, без перезагрузки страницы.(Я думаю, что для этого нужен AJAX.)

2) Спрайт фонового изображения кнопки изменяется так, что теперь он говорит УДАЛИТЬ красным.

Я не понимаю, как это сделать. Я был бы очень признателен за базовый обзор того, как это сделать.

Answer 1

Посмотрите на эту страницу , которую я создал для демонстрации спрайтов CSS.

Я вызываю функцию по нажатию кнопки, которая меняет изображение кнопки. Вы можете вызвать функцию, которая выполняет вызов ajax внутри этой функции. (Попробуйте посмотреть на источник)

Взгляните здесь , чтобы узнать о материалах, связанных с ajax и базой данных.

Answer 2

Будет проще вызвать «AJAX», если вы используете JavaScript-фреймворк, такой как jQuery.

Вы скажете jQuery выдать POST-запрос (с прикрепленными данными) к сценарию PHPна сервере.Написанный вами PHP-скрипт добавит элемент в базу данных.Когда запрос будет завершен, jQuery запустит «обратный вызов» для вас.В вашем обратном вызове вы можете изменить стиль кнопки.

См. jQuery.post

Это общий обзор, и вам следует начать.Прокомментируйте этот ответ, если вы хотите получить более подробную информацию или примеры по определенной части процесса.