JavaScript と PHP 間のデータの受け渡し

Web アプリケーションでは、多くの場合、クライアント側の Javascript コードと PHP の間でデータを交換する必要があります。サーバーサイドのPHPスクリプト。この記事では、この通信チャネルを確立し、データを両方向に渡す方法を説明します。

JavaScript から PHP にデータを渡す

JavaScript から PHP にデータを送信するには、次のことができます。 PHP スクリプトに対して HTTP リクエストを作成します。これを行う 1 つの方法は、XMLHttpRequest オブジェクトを使用することです:

// Data to be sent to PHP script
const data = {tohex: 4919, sum: [1, 3, 5]};

// Create an XMLHttpRequest object
const httpc = new XMLHttpRequest();

// Open a POST request to the PHP script
httpc.open("POST", "server.php", true);

// Set the request header to specify the content type
httpc.setRequestHeader("Content-Type", "application/json");

// Send the data to the PHP script
httpc.send(JSON.stringify(data));

// Process the response from the PHP script
httpc.onreadystatechange = function() {
  if (httpc.readyState === 4 && httpc.status === 200) {
    console.log(httpc.responseText);
  }
};

PHP から JavaScript にデータを渡す

PHP から JavaScript にデータを送信するには、echo ステートメントを使用できます。

// Retrieve data from the HTTP request body
$data = json_decode(file_get_contents("php://input"));

// Calculate the hex value and sum
$tohex = base_convert($data->tohex, 10, 16);
$sum = array_sum($data->sum);

// Echo the results
echo json_encode([$tohex, $sum]);

JavaScript スクリプトは、JSON.parse().