> 백엔드 개발 > PHP 튜토리얼 > 버튼 클릭 시 AJAX로 PHP 함수를 실행하는 방법은 무엇입니까?

버튼 클릭 시 AJAX로 PHP 함수를 실행하는 방법은 무엇입니까?

Linda Hamilton
풀어 주다: 2024-12-04 19:20:12
원래의
300명이 탐색했습니다.

How to Execute PHP Functions with AJAX on Button Click?

버튼 클릭 시 PHP 함수 실행

버튼이 있는 양식을 구성할 때 버튼을 클릭할 때 특정 PHP 기능을 실행하는 것이 바람직한 경우가 많습니다. 이를 통해 사용자 입력에 따라 사용자 지정 작업을 수행할 수 있습니다. 그러나 일반적으로 발생하는 문제는 버튼 클릭 후 출력이 없다는 것입니다.

이 문제를 해결하려면 다음 접근 방식을 활용하는 것이 좋습니다.

버튼 마크업 수정:

제출 버튼에 클래스 이름 추가:

<input type="submit">
로그인 후 복사

jQuery 스크립트:

버튼에 클릭 이벤트 핸들러 바인딩:

$(document).ready(function(){
    $('.button').click(function(){
        var action = $(this).val(); // Get the button's value (insert/select)
        $.post('ajax.php', { action: action }, function(response) {
            // Handle the server response here (e.g., display an alert)
        });
    });
});
로그인 후 복사

ajax.php 파일:

'ajax .php' 파일에서 switch 문을 사용하여 jQuery에서 받은 'action' 매개변수를 기반으로 실행할 함수를 결정합니다. script:

if (isset($_POST['action'])) {
    switch ($_POST['action']) {
        case 'insert':
            insert();
            break;
        case 'select':
            select();
            break;
    }
}

function select() {
    echo "The select function is called.";
    exit;
}

function insert() {
    echo "The insert function is called.";
    exit;
}
로그인 후 복사

이 코드를 실행할 때 "삽입" 또는 "선택" 버튼을 클릭하면 해당 기능이 실행되어 페이지에 해당 메시지가 표시됩니다.

위 내용은 버튼 클릭 시 AJAX로 PHP 함수를 실행하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿