首頁 > 後端開發 > php教程 > 如何使用 AJAX 在按鈕點擊時呼叫 PHP 函數?

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

Barbara Streisand
發布: 2024-12-19 14:20:16
原創
192 人瀏覽過

How to Use AJAX to Call PHP Functions on Button Clicks?

如何利用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中文網其他相關文章!

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