Maison >développement back-end >tutoriel php >Comment puis-je transmettre des variables JavaScript à PHP ?

Comment puis-je transmettre des variables JavaScript à PHP ?

Patricia Arquette
Patricia Arquetteoriginal
2024-11-25 21:32:15869parcourir

How Can I Pass JavaScript Variables to PHP?

Passer des variables JavaScript à PHP : comprendre le côté client et le côté serveur

Lors de la tentative d'interaction avec le code côté serveur du client Côté, un défi courant se pose lors du passage de variables JavaScript aux variables PHP. En effet, PHP fonctionne côté serveur, tandis que JavaScript est exécuté dans le navigateur du client.

Exécution côté client et exécution côté serveur

La principale différence réside dans le modèle d’exécution. PHP s'exécute sur le serveur avant que la page ne soit envoyée au navigateur. JavaScript, en revanche, s'exécute dans le navigateur une fois la page chargée. Par conséquent, les variables PHP ne sont pas accessibles dans le code JavaScript.

Exemple : tentative d'insertion de données de JavaScript vers PHP

Le code fourni présente le problème :

<script type="text/javascript">
    function addTraining(leve, name, date) {
        var level_var = document.getElementById(leve);
        var training_name_var = document.getElementById(name);
        var training_date_var = document.getElementById(date);

        <?php
            $result = "INSERT INTO training(level, school_name, training_date) VALUES('level_var', 'training_name_var', 'training_date_var')" or die("Query not possible.");
        ?>
    }
</script>

Ce code échouera car au moment où la fonction JavaScript est exécutée, le code PHP a déjà été exécuté. Par conséquent, les variables JavaScript ne peuvent pas être directement affectées aux variables PHP.

Solutions

Pour transmettre des variables JavaScript à PHP, vous pouvez utiliser l'une de ces approches :

  • Redirection vers un script PHP : Utilisez la méthode window.location.href de JavaScript pour rediriger la page vers un script PHP qui gère les données.
  • Appel AJAX : Effectuez une requête HTTP asynchrone vers un script PHP à l'aide de l'objet XMLHttpRequest de JavaScript et transmettez les données en tant que paramètres.

En utilisant ces techniques, vous pouvez transmettre de manière transparente les données du côté client au côté serveur pour traitement.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn