AJAX를 사용하여 버튼 클릭으로 PHP 기능을 실행하려면 어떻게 해야 합니까?

버튼 클릭 시 PHP 함수 호출

버튼을 클릭할 때 PHP 함수를 호출하려면 다음에서 알 수 있듯이 Ajax를 활용해야 합니다. 다음 솔루션:

수정됨 마크업:

버튼 마크업을 다음과 같이 업데이트하세요. 다음:

<input type="submit">

jQuery:

$(document).ready(function() {
    $('.button').click(function() {
        var clickBtnValue = $(this).val();
        var ajaxurl = 'ajax.php';
        var data = { 'action': clickBtnValue };
        $.post(ajaxurl, data, function(response) {
            // Response div goes here.
            alert("action performed successfully");
        });
    });
});

ajax .php:

<?php 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;
}
?>

설명:

• 수정된 버튼 마크업은 두 버튼 모두에 "버튼" 클래스를 추가하여 jQuery와 호환되도록 합니다.
• jQuery 코드는 "버튼" 클래스가 있는 버튼을 클릭할 때 Ajax 호출을 트리거합니다.
• Ajax 요청은 클릭된 버튼의 값을 ajax.php 파일로 보냅니다.
• ajax.php에서는 수신된 값을 기반으로 작업을 처리합니다. 해당 insert() 또는 select() 함수를 호출하고 출력을 인쇄한 후 스크립트를 종료합니다.
• Ajax 호출이 성공하면 ajax.php의 응답이 삭제되고 경고 메시지가 표시됩니다. 호출 페이지에서.

이 기술은 비동기식이라는 점에 유의하세요. 버튼 클릭 후 백그라운드에서 Ajax 요청이 전송되며, 서버로부터 응답을 받은 경우에만 액션이 수행됩니다.

위 내용은 AJAX를 사용하여 버튼 클릭으로 PHP 기능을 실행하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!