AJAX を使用して JavaScript から PHP 関数を呼び出すにはどうすればよいですか?

JavaScript からの PHP 関数の呼び出し

はじめに

JavaScript から PHP 関数を実行すると、JavaScript からサーバー側の機能にアクセスできます。 Web アプリケーション。これは、動的コンテンツや対話型ユーザー インターフェイスに特に役立ちます。

AJAX の役割

この問題の根本的な解決策は、AJAX (非同期 JavaScript とXML)。 AJAX を使用すると、クライアント (ブラウザ) とサーバー間の非同期通信が可能になり、JavaScript がサーバー側の PHP スクリプトにリクエストを送信し、ページ全体をリロードせずに応答を受信できるようになります。

実装

プレーンを使用するJavaScript

プレーン JavaScript を使用して PHP 関数を実行するには、次の手順に従います。

1. XMLHTTPRequest オブジェクトを作成して、サーバーとの接続を確立します。
2. リクエストパラメータを設定します (PHP の URL など)スクリプトとメソッド (通常は GET または POST)。
3. リクエストが完了したら応答を処理するためにイベント ハンドラーをアタッチします。
4. リクエストを送信します send() メソッドを使用してサーバーに送信します。

例コード:

function getOutput() {
  var request = new XMLHttpRequest();
  request.open("GET", "myAjax.php?query=hello", true);
  request.onload = function() {
    if (request.status === 200) {  // Success
      var output = document.getElementById("output");
      output.innerHTML = request.responseText;
    } else {  // Error
      // Handle error
    }
  };
  request.send();
}

JavaScript ライブラリの使用

jQuery などのライブラリは、よりユーザーフレンドリーなインターフェイスを提供することで AJAX 操作を簡素化します。例:

function getOutput() {
  $.ajax({
    url: "myAjax.php",
    data: {query: "hello"},
    success: function(response) {
      $("#output").html(response);
    },
    error: function() {
      // Handle error
    }
  });
}

サーバー側 (PHP)

サーバー側で、リクエストを処理し、必要な出力を返す PHP スクリプトを作成します。

<?php $query = $_GET["query"];
// Process the query and generate the output
echo "Output for query: " . $query;
?>

試してみるアウト

実装をテストするには、JavaScript コードを HTML ドキュメントに統合します:

  <a href="#" onclick="getOutput(); return false;">Test</a>
  <div></div>

以上がAJAX を使用して JavaScript から PHP 関数を呼び出すにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。