Comment passer les variables JavaScript à PHP: Tutoriel complet

Comment transmettre des variables JavaScript à PHP?

Dans le développement Web moderne, JavaScript et PHP doivent souvent travailler ensemble. JavaScript gère l'interaction frontale et les données dynamiques, tandis que PHP est responsable de la logique arrière et du stockage de données. Parfois, nous devons passer des variables en JavaScript à PHP, et ce qui suit expliquera comment implémenter cette opération.

Soumettre les variables JavaScript à PHP via le formulaire

Un moyen courant consiste à passer les variables JavaScript à PHP via des formulaires HTML. Tout d'abord, vous devez remplir dynamiquement les champs de formulaire à l'aide de JavaScript, puis soumettre ces données à PHP via le formulaire.

Exemple de code

Supposons que vous ayez une variable JavaScript et que vous souhaitiez le transmettre à PHP pour le traitement. Le code suivant peut être utilisé:

 
<script>
var res = "success";
document.getElementById("jsVar").value = res;
</script>
<form method="post" action="process.php">
   <input type="hidden" name="jsVar" id="jsVar">
   <input type="submit" value="soumettre">
</form>

Dans le code ci-dessus, la variable JavaScript `Res` est attribuée à une boîte d'entrée cachée. Le formulaire est ensuite soumis à `process.php`, où vous pouvez obtenir cette valeur via` $ _POST ['jsvar'] `.

Passer les variables JavaScript de manière asynchrone à PHP via Ajax

Si vous ne souhaitez pas actualiser la page, vous pouvez utiliser Ajax pour transmettre des variables JavaScript de manière asynchrone à PHP. AJAX peut interagir avec PHP sans recharger la page, ce qui est particulièrement important pour améliorer l'expérience utilisateur.

Exemple de code

 
<script>
var res = "success";
var xhr = new XMLHttpRequest();
xhr.open("POST", "process.php", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
   if (xhr.readyState == 4 && xhr.status == 200) {
       console.log(xhr.responseText);
   }
};
xhr.send("jsVar=" + encodeURIComponent(res));
</script>

Dans cet exemple, nous envoyons la variable `Res` à` process.php` via ajax, et recevons et traitons ces données dans le script PHP via `$ _POST ['jsvar']`.

Résumer

Qu'il soit soumis via le formulaire ou en utilisant AJAX, JavaScript peut facilement transmettre des variables à PHP. La méthode à choisir dépend de vos exigences spécifiques et de votre structure de projet. J'espère que cet article vous aidera à mieux comprendre et mettre en œuvre l'interaction entre JavaScript et PHP.