Ajax クリックイベントで外部 PHP ファイルを読み込む方法

Ajax を使って、クリックイベントで外部 PHP ファイルを読み込む方法を紹介します。
jQuery のライブラリーを別途読み込んだ状態で、次のコードを追加してください。

<script>

  $(document).ready(function(){

    // #btn-check要素がクリックされたときの処理

    $("#btn-check").click(function(){

      // Ajaxリクエストを作成

      $.ajax({

        url: "check.php", // 読み込むPHPファイルのパス

        type: "GET", // リクエストのタイプ

        success: function(data){

          // Ajaxリクエストが成功した場合の処理

          console.log("check.phpが正常に読み込まれました");

          console.log(data); // サーバーからの応答を表示

        },

        error: function(){

          // Ajaxリクエストが失敗した場合の処理

          console.log("check.phpの読み込みに失敗しました");

        }

      });

    });

  });

</script>

check.php の中身は次のように記述します。

<?php echo 'success!'; ?>

上記のコードでは、#btn-check 要素がクリックされたときに Ajax リクエストが発生して check.php が読み込まれます。
成功した場合はコンソールにメッセージとサーバーからの応答が表示され、失敗した場合はエラーメッセージが表示されます。

check.php が正しく読み込まれているかどうかを確認するには、check.php 内で何かしらの出力（例えばecho文を使用して文字列を出力する）を行い、検証ツールのコンソールなどで確認します。