Comment transmettre des données entre JavaScript et PHP ?

Transmission de données entre Javascript et PHP

En développement Web, il est souvent nécessaire de transférer des données entre le client (Javascript) et le serveur ( PHP). Voici comment réaliser cette communication bidirectionnelle :

De Javascript à PHP

Pour transmettre des données d'un script Javascript à une page PHP, vous pouvez utiliser un HTTP demande. Cela peut être accompli avec l'objet XMLHttpRequest, comme le montre l'exemple suivant :

<code class="javascript">const httpc = new XMLHttpRequest();
const url = "get_data.php";
httpc.open("POST", url, true);

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

const params = {tohex: 4919, sum: [1, 3, 5]};
httpc.send(JSON.stringify(params)); // send the data as JSON</code>

De PHP à Javascript

Transmission des données d'un script PHP à un Le script Javascript nécessite de générer une réponse que Javascript peut gérer. Cette réponse peut être dans différents formats, tels que JSON ou texte brut. Voici un exemple de génération d'une réponse JSON :

<code class="php">$tohex = base_convert(4919, 16);
$sum = array_sum([1, 3, 5]);

$response = ["tohex" => $tohex, "sum" => $sum];
echo json_encode($response); // output the JSON response</code>

Exemple d'utilisation

Un exemple de script Javascript faisant une requête à un script PHP et recevant la réponse serait ressemble à ceci :

<code class="javascript">async function requestData() {
    const response = await fetch("get_data.php", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({tohex: 4919, sum: [1, 3, 5]})
    });

    const {tohex, sum} = await response.json(); // parse the JSON response
    console.log(tohex, sum); // use the data returned from PHP
}

requestData();</code>

En combinant ces techniques, vous pouvez transmettre efficacement des données entre Javascript et PHP, facilitant ainsi les interactions dynamiques entre le client et le serveur.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!