如何使用 AJAX 在按鈕點擊時呼叫 PHP 函數？

如何利用AJAX 在按鈕點擊時觸發PHP 函數

在您的場景中，您嘗試在按鈕點擊時執行PHP 函數在點擊在「functioncalling.php」頁面上。但是，您在渲染輸出時遇到了問題。這是因為PHP函數無法透過HTML表單提交直接呼叫。您需要使用 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.php」的 AJAX 要求。 「action」參數包含點選按鈕的值（「插入」或「選擇」）。 “.post()”方法將此資料傳送至“ajax.php”，後者根據“action”值執行對應的 PHP 函數。 PHP 函數的輸出會被捕獲並在您的回應 div 中正確顯示。

以上是如何使用 AJAX 在按鈕點擊時呼叫 PHP 函數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！