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

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

Susan Sarandon
發布: 2024-12-10 13:57:11
原創
391 人瀏覽過

How Can I Execute PHP Functions with a Button Click Using AJAX?

點擊按鈕時呼叫 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中文網其他相關文章!

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