PHP/Javascript - 버튼 이미지 변경 및 데이터베이스 호출 onClick()?

Question

페이지에 버튼이 있습니다. 버튼은 이미지 스프라이트이며 녹색으로 추가를 선택합니다. 사용자가이 버튼을 클릭 한 다음 몇 가지 작업을 수행 할 수있게하려고합니다.

1) 해당 버튼은 페이지를 다시로드하지 않고 항목을 내 MySQL 데이터베이스에 추가하도록 호출합니다. (AJAX가 필요하다고 생각합니다.)

2) 단추 배경 이미지 스프라이트가 변경되어 이제는 REMOVE가 빨간색으로 표시됩니다.

이 작업을 수행하는 방법을 모르겠다. 나는 그것을하는 방법에 대한 기본적인 연습을 크게 고맙게 생각합니다.

Answer 1

jQuery와 같은 JavaScript 프레임 워크를 사용하면 "AJAX"호출을 만드는 것이 더 쉬울 것입니다.

서버의 PHP 스크립트에 POST 요청 (데이터 첨부)을 실행하도록 jQuery에 지시합니다. 작성한 PHP 스크립트는 항목을 데이터베이스에 추가합니다. 요청이 완료되면 jQuery가 "콜백"을 실행합니다. 콜백에서 단추의 스타일을 변경할 수 있습니다.

일반 개요 그리고 당신이 시작할 수 있어야 jQuery.post

를 참조하십시오. 이 프로세스의 특정 부분에 대한 자세한 내용이나 예제가 필요하면이 답변에 대해 의견을 말하십시오.

Answer 2

CSS 스프라이트를 시연하기 위해 만든 page을 살펴보십시오.

단추의 이미지를 변경하는 단추를 클릭 할 때 함수를 호출합니다. 이 함수 내에서 ajax 호출을 수행하는 함수를 호출 할 수 있습니다. (소스를 살펴보십시오)

Ajax와 데이터베이스 관련 내용에 대해 알아 보려면 here을보십시오.