Transmission de données entre Javascript et PHP

Dans les applications Web, il est souvent nécessaire d'échanger des données entre le code Javascript côté client et le Scripts PHP côté serveur. Cet article montre comment établir ce canal de communication et transmettre des données dans les deux sens.

Transmission de données de Javascript vers PHP

Pour envoyer des données de Javascript vers PHP, vous pouvez faire une requête HTTP à un script PHP. Une façon de procéder consiste à utiliser l'objet 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);
  }
};

Transmission de données de PHP vers Javascript

Pour envoyer des données de PHP vers Javascript, vous pouvez utiliser l'instruction 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]);

Le script Javascript peut ensuite traiter la réponse à l'aide de JSON.parse().