AJAX div를 업데이트하면서 여러 개의 체크 박스로 검색 ... 어디서부터 시작해야합니까?

Question

웹 사이트에 대한 '여러 체크 박스로 필터링하기'검색 도구를 만들고 싶습니다. 누군가가 선택/선택 해제하자마자 지정된 div 내에서 결과를 실시간으로 업데이트하는 것으로부터 어디서부터 시작해야할지 모르겠습니다. 확인란.

나는이 페이지에 유사한 필터 시스템 구축을 기대 :

http://thegatewayonline.com/articles/

... 난 지정된으로 결과를로드 각각의 체크 박스를 클릭하면 양식 제출 트리거하는 시스템을 갖고 싶어를 DIV는 같은 페이지에 있습니다.

시작하는 데 도움이되는 지침이나 코드 스 니펫이 있습니까?

PHP를 사용하여 코딩하고 있습니다.

도움을 주셔서 미리 감사드립니다.

조

Answer 1

체크 박스가 충돌 할 때 당신은 jQuery를 통해 $.ajax 전화를 발행 할 수 있습니다 :

AJAX 호출 내에서

$('.checkbox').click(function() { 
    // ajax call here 
}); 

는, 데이터 매개 변수를 포함 success라는 콜백 함수가 . echo PHP 페이지의 JSON 객체 (데이터베이스에서 사용 가능한 기사를로드)를이 매개 변수로 전달할 수 있습니다. 그런 다음이 JSON 객체를 디코딩하고 페이지에 내용을 인쇄하면됩니다.

JSON 참조 : https://developer.mozilla.org/en/JSON

jQuery를 아약스 : http://api.jquery.com/jQuery.ajax/