ホームページ > バックエンド開発 > PHPチュートリアル > jQuery の $.ajax を使用して JavaScript から PHP 関数を呼び出す方法

jQuery の $.ajax を使用して JavaScript から PHP 関数を呼び出す方法

Mary-Kate Olsen
リリース: 2024-12-30 14:02:20
オリジナル
645 人が閲覧しました

How to Call a PHP Function from JavaScript using jQuery's $.ajax?

$.ajax を使用した JavaScript からの PHP 関数の呼び出し

質問:

どうすればPHP スクリプトは関数内にカプセル化され、jQuery を使用して JavaScript から呼び出されます。 $.ajax?

答え:

$.ajax を使用して JavaScript から PHP 関数を呼び出すには、次の手順に従います:

  1. PHP 関数を作成します: 中に PHP コードを配置します関数。関数のパラメーターとロジックを定義します。

    function test() {
        if (isset($_POST['something'])) {
            // Do something
        }
    }
    ログイン後にコピー
  2. $.ajax リクエストを構成します。 PHP スクリプトの URL を指定し、リクエスト タイプを設定します。 「投稿する」こと。さらに、リクエスト データに「action」パラメータを含めて、呼び出す PHP 関数の名前を指定します。

    $.ajax({
        url: '/my/site',
        data: { action: 'test' },
        type: 'post'
    });
    ログイン後にコピー
  3. PHP 応答を処理します: Upon PHP 関数の実行が成功すると、「success」コールバックを使用して応答を JavaScript で処理できます。 function.

    success: function(output) {
        alert(output);
    }
    ログイン後にコピー
  4. PHP アクションの管理: サーバー側で、'action' リクエスト パラメーターを読み取り、対応する PHP を実行します。 function.

    if (isset($_POST['action']) && !empty($_POST['action'])) {
        $action = $_POST['action'];
        switch ($action) {
            case 'test':
                test();
                break;
            // ...other action cases...
        }
    }
    ログイン後にコピー

例:

PHPスクリプト:

<?php
function test($param) {
    echo "PHP function test called with parameter: $param";
}
?>
ログイン後にコピー

JavaScript:

$.ajax({
    url: 'test.php',
    data: { action: 'test', param: 'value' },
    type: 'post',
    success: function(output) {
        alert(output);
    }
});
ログイン後にコピー

このアプローチでは、$.ajax リクエストが「呼び出し元」として機能するコマンド パターンを利用します。 ' PHP 関数を「コマンド」として、「.php」スクリプトを「受信機」

以上がjQuery の $.ajax を使用して JavaScript から PHP 関数を呼び出す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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