ページをリロードせずにボタンのクリックを使用して 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 ポスト リクエストを作成します。

$(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 中国語 Web サイトの他の関連記事を参照してください。