如何使用 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;
}
?>

說明：

• 修改後的按鈕標記向兩個按鈕添加了“button”類，使它們與jQuery 相容。
• 當點選任何具有「button」類別的按鈕時，jQuery 程式碼會觸發 Ajax 呼叫。
• Ajax 請求將點擊的按鈕的值傳送到 ajax.php 檔案。
• 在 ajax.php 中，我們根據收到的操作處理操作 值。它呼叫對應的 insert() 或 select() 函數，列印輸出，然後退出腳本。
• 當 Ajax 呼叫成功時，ajax.php 的回應將被丟棄，並顯示一條警報訊息在呼叫頁面上。

請注意，此技術是非同步的。點選按鈕後，會在背景發送 Ajax 請求，只有收到伺服器的回應後才會執行操作。

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