Ajaxと更新ページを使用してPHPからデータを取得する方法動的

M66 2025-07-13

Ajaxと更新ページを使用してPHPからデータを取得する方法動的

AJAXを使用してPHPメソッドから変数を取得することは、Web開発において非常に一般的な要件です。 Ajaxを介して、サーバーから必要なデータを取得し、ページを更新せずに処理できます。この記事では、AJAXを使用してPHPメソッドから変数を取得し、特定のコードの例を提供する方法について詳しく説明します。

バックエンドPHPコードの例

まず、AJAXリクエストを処理し、必要な変数を返すためにPHPファイルを書き込む必要があります。サンプルPHPファイルのコード（getData.php）は次のとおりです。

 <?php
// 合格したパラメーターを取得します
$param = $_POST['param'];

// いくつかの操作を実行します，たとえば、データベースからデータを取得します
$result = fetchDataFromDatabase($param);

// 返品結果
echo json_encode($result);

// データベースからデータを取得する機能の例
function fetchDataFromDatabase($param) {
    // データベースに接続します
    $conn = new mysqli('localhost', 'username', 'password', 'database');

    // クエリを実行します
    $query = "SELECT * FROM table WHERE column = '$param'";
    $result = $conn->query($query);

    // プロセスクエリの結果
    $data = array();
    while ($row = $result->fetch_assoc()) {
        $data[] = $row;
    }

    // データベース接続を閉じます
    $conn->close();

    return $data;
}
?>

フロントエンドJavaScriptコードの例

次に、AJAXリクエストを送信してPHPメソッドで変数を取得するには、フロントエンドページにJavaScriptコードを記述する必要があります。簡単な例コードは次のとおりです。

 // aを作成しますXMLHttpRequest物体
var xhr = new XMLHttpRequest();

// 設定Ajaxリクエスト方法、URL非同期かどうか
xhr.open('POST', 'getData.php', true);

// 設定聞く头信息
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

// モニターAjax要求されたステータスの変更
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
        // 得るPHP返されたデータ
        var data = JSON.parse(xhr.responseText);

        // 处理得る到的数据
        processData(data);
    }
};

// 送信Ajax聞く
xhr.send('param=value');

コード解析

上記のコードでは、最初にXMLHTTPREQUESTオブジェクトを作成し、要求されたメソッド、URL、およびそれが非同期かどうかを設定します。次に、リクエストステータスの変更が聴き、リクエストが完了した後に返されたデータが処理されます。 AJAX要求を送信する場合、パラメーターを渡し、パラメーター値はXhr.send（）メソッドを介して送信されることに注意してください。

要約します

上記のコードの例を介して、開発者はAJAXを介してPHPメソッドから変数を取得する機能を簡単に実装できます。フロントエンドページは、Ajax要求をバックエンドPHPファイルに送信し、バックエンドPHPファイルは対応する操作を実行し、データを返し、フロントエンドページは返されたデータを処理し、ページを更新せずに動的データを取得する効果を達成します。