AJAX を使用して JavaScript から PHP 関数を呼び出すにはどうすればよいですか?-jsチュートリアル-php.cn

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

Linda Hamilton

リリース： 2024-12-16 21:03:12

オリジナル

567 人が閲覧しました

How Can I Call PHP Functions from JavaScript Using AJAX?

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

はじめに

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

AJAX の役割

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

実装

プレーンを使用するJavaScript

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

XMLHTTPRequest オブジェクトを作成して、サーバーとの接続を確立します。
リクエストパラメータを設定します (PHP の URL など)スクリプトとメソッド (通常は GET または POST)。
リクエストが完了したら応答を処理するためにイベントハンドラーをアタッチします。
リクエストを送信します 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 ドキュメントに統合します:

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

ログイン後にコピー

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