首頁 > 後端開發 > php教程 > 如何使用 AJAX 透過點擊按鈕來執行 PHP 函數?

如何使用 AJAX 透過點擊按鈕來執行 PHP 函數?

Mary-Kate Olsen
發布: 2024-12-04 21:00:16
原創
856 人瀏覽過

How Can I Execute PHP Functions with Button Clicks Using AJAX?

點擊按鈕時執行PHP 函數

您已經建立了一個PHP 頁面,其中包含兩個旨在呼叫特定函數的按鈕,但您沒有得到預期的輸出。問題在於您使用的方法。

要在按一下按鈕時正確執行 PHP 函數,您需要利用 Ajax 在頁面和伺服器之間進行非同步通訊。這是代碼的修改版本,其中包含Ajax:

修改標記:

<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");
        });
    });
});
登入後複製

aja x.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;
    }
?>
登入後複製

說明:

  • click() 事件用於捕捉按鈕點擊。
  • 按一下按鈕時,對應的函數名稱將作為 Ajax 請求中的操作值傳遞。
  • ajax.php 腳本,其中包含函數定義,使用 $.post() 非同步呼叫。
  • 伺服器端腳本執行函數後,會收到回應並發出警報訊息
  • exit 語句可防止伺服器端腳本在函數呼叫後執行進一步的程式碼,確保不會多次發送響應。

採用這種方法,當您點擊「插入」或「選擇」按鈕,相應的功能將被執行,您將看到一條指示成功執行的警報訊息。

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板