如何在不重新載入頁面的情況下透過點擊按鈕來呼叫 PHP 函數？

透過按鈕點擊呼叫PHP 函數：指南

在本文中，我們探討PHP 開發人員面臨的常見挑戰：呼叫PHP 函數單擊按鈕時。我們將提供有效解決此問題的逐步指南。

問題

當嘗試在點擊按鈕時執行 PHP 函數時，有一個可能導致沒有任何輸出的陷阱：僅依賴 HTML 表單提交。如果沒有其他措施，這種方法將無法執行所需的功能。

解決方案：AJAX 來救援

為了彌合 HTML 和 PHP 之間的差距，我們將介紹 Ajax（非同步 JavaScript 和 XML）。 Ajax 允許我們在不重新載入頁面的情況下發出 HTTP 請求，從而實現客戶端和伺服器之間的通訊。

第1 步：修改HTML 標記

將現有的提交按鈕更改為>

<input type="submit">

第2 步：介紹jQuery

將jQuery載入到頁面中並為「.button」元素定義點選事件處理程序。在處理程序中，捕獲按鈕的值並向指定的 PHP 腳本 ajax.php 發出 Ajax post 請求。

$(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");
        });
    });
});

第3 步：處理Ajax 請求

在ajax.php中，我們將使用switch語句來區分插入和選取操作，呼叫對應的函數。我們還將回顯結果以顯示在頁面上。

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

享受動態PHP 函數呼叫

透過採用這種基於Ajax 的方法，您現在可以點擊按鈕時呼叫PHP 函數，並在同一頁面上無縫顯示結果。利用 Ajax 的強大功能來增強使用者互動並實現響應靈敏的動態 Web 體驗。

以上是如何在不重新載入頁面的情況下透過點擊按鈕來呼叫 PHP 函數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！