Comment transmettre les données JavaScript à PHP: analyse pratique et méthodes

Bases de livraison de données de JavaScript et PHP

Dans le développement moderne de sites Web, JavaScript et PHP sont des langages de programmation communs, responsables de l'interaction frontale et du traitement des données arrière, respectivement. Afin d'obtenir des effets dynamiques de pages Web, le frontal doit souvent envoyer des données du côté serveur, et PHP est responsable de la réception et de l'analyse de ces données. Cet article présentera plusieurs méthodes de transfert de valeur efficaces.

La livraison de données est réalisée via AJAX

La technologie AJAX permet d'envoyer des données JavaScript aux scripts PHP côté serveur sans actualisation de la page. L'exemple suivant montre comment utiliser AJAX pour envoyer et analyser les données au format JSON:

 // JavaScript Code：
var data = {name: "John", age: 30};
var xhr = new XMLHttpRequest();
xhr.open("POST", "process.php", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 && xhr.status === 200) {
        console.log(xhr.responseText);
    }
};
xhr.send(JSON.stringify(data));

// PHP Code（process.php）：
$data = json_decode(file_get_contents("php://input"), true);
if ($data) {
    echo "Name: " . $data['name'] . ", Age: " . $data['age'];
}

Dans le code ci-dessus, JavaScript envoie des données au serveur au format JSON et PHP utilise JSON_DECODE pour analyser le flux d'entrée pour obtenir le contenu de données.

Passer des données par soumission de formulaire

Une autre façon courante de passer des données est de se soumettre via des formulaires HTML. Une fois les données de formulaire soumises, PHP peut utiliser la variable Super Global $ _POST pour obtenir et traiter les données. L'exemple de code est le suivant:

 // HTML Exemple de formulaire：
// Partie d'entrée de l'utilisateur

// PHP Code（process.php）：
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $username = $_POST['username'];
    echo "Hello, " . htmlspecialchars($username);
}

Une fois que l'utilisateur a soumis des données via le formulaire, PHP obtient le contenu d'entrée via $ _POST et utilise HTMLSpecialChars pour éviter les risques de sécurité potentiels.

Résumer

Qu'il soit soumis via AJAX ou Form, le transfert de données entre JavaScript et PHP est très pratique. La maîtrise de ces deux méthodes peut réaliser efficacement la communication transparente entre les extrémités avant et arrière et améliorer l'interactivité et l'expérience utilisateur des pages Web.