ホームページ > バックエンド開発 > PHPチュートリアル > AJAX を使用してボタンのクリックで PHP 関数を実行するにはどうすればよいですか?

AJAX を使用してボタンのクリックで PHP 関数を実行するにはどうすればよいですか?

Susan Sarandon
リリース: 2024-12-10 13:57:11
オリジナル
371 人が閲覧しました

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 との互換性が得られます。
  • jQuery コードは、クラス「button」を持つボタンがクリックされると Ajax 呼び出しをトリガーします。
  • Ajax リクエストは、クリックされたボタンの値を ajax.php ファイルに送信します。
  • ajax.php では、アクションに基づいて処理されます。受け取った値について。対応する insert() または select() 関数を呼び出し、出力を出力し、スクリプトを終了します。
  • Ajax 呼び出しが成功すると、ajax.php からの応答は破棄され、警告メッセージが表示されます。

この手法は非同期であることに注意してください。ボタンをクリックすると、Ajax リクエストがバックグラウンドで送信され、サーバーからの応答を受信した場合にのみアクションが実行されます。

以上がAJAX を使用してボタンのクリックで PHP 関数を実行するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート