AJAX를 사용하여 버튼 클릭 시 PHP 함수를 호출하는 방법은 무엇입니까?

AJAX를 활용하여 버튼 클릭 시 PHP 함수를 실행하는 방법

귀하의 시나리오에서는 버튼 클릭 시 PHP 기능을 실행하려고 합니다. 'functioncalling.php' 페이지에서. 그러나 렌더링되는 출력에 문제가 발생했습니다. 이는 HTML 양식 제출을 통해 PHP 함수를 직접 호출할 수 없기 때문입니다. 격차를 해소하려면 Ajax를 사용해야 합니다.

수정된 HTML 마크업 및 jQuery 코드

다음과 같이 HTML 마크업을 업데이트하세요.

<input type="submit" class="button" name="insert" value="insert">
<input type="submit" class="button" name="select" value="select">

다음으로, 다음 jQuery 코드를 추가합니다.

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

'ajax.php' 파일

다음 코드를 사용하여 '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;
    }
?>

AJAX 메커니즘 이해

사용자가 버튼 중 하나를 클릭하면 jQuery 코드가 AJAX 요청을 트리거하여 'ajax.php'. 'action' 매개변수에는 클릭한 버튼("삽입" 또는 "선택")의 값이 포함됩니다. '.post()' 메소드는 이 데이터를 'ajax.php'로 전송하고, 'ajax.php'는 'action' 값을 기반으로 해당 PHP 함수를 실행합니다. PHP 함수의 출력이 캡처되어 응답 div에 적절하게 표시됩니다.

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