Utiliser une variable JS dans du code php

Résolu

zaks91 Messages postés 12 Date d'inscription Statut Membre Dernière intervention -
zaks91 Messages postés 12 Date d'inscription Statut Membre Dernière intervention - 25 mai 2016 à 11:08

voila dans la page produit (php) cette page a déjà un identificateur en paramètre a la base (elle affiche le produit selon son identificateur) j'ai le code suivant:


<label>Willaya</label>
<select class="form-control mb-md" name="willaya" id="willay" required>
         <option value="">Choisir</option>
               <?=$willaya?>
</select>

c'est une liste de wilaya (régions)

le client choisie une région et moi ce que je veut c'est récupérer cette valeur en php pour faire un traitement , pas l'afficher mais la traiter (elle me servira a calculer les frais de livraison ) donc j'ai utiliser du JS pour cela avec un évent voila le code :


<script>
            var willay = document.getElementById('willay');
            var selectedValue = null;
            willay.addEventListener("change", function() {
            selectedValue = this.value;
           //document.write(selectedValue);   (quand j'utilise document.write sa marche donc la valeur je la récupérer parfaitement bien mais cette fonction m'envois sur un autre document et ce n'est pas le but)
ou meme dans un consol.log() 
 
                                                                       });
                                                     </script>

la pas de problème. maintenant pour convertir cette valeur dans une variable php exemple j'aimerais avoir cela (variable php = variable JS) et pouvoir faire mes calcule c'est la que je bloc bien sur je veut pas recharger ma page pour avoir cette valeur mais je veut qu'a l'instant même ou le client choisie sa région le traitement ce fait et affiche les frais de livraison

je veut juste récupérer une variable JS dans une variable php et faire un calcule

Merci

Afficher la suite

A voir également:

Variable js to php
Qwerty to azerty - Guide
Wfp to mp4 - Forum Accessoires & objets connectés
Video to video - Télécharger - Conversion & Codecs
Your device ran into a problem and needs to restart - Forum Windows 10
Press del to enter setup ✓ - Forum Windows

2 réponses

Réponse 1 / 2

zermat Messages postés 160 Date d'inscription Statut Membre Dernière intervention 16

Dans ce cas tu dois utiliser Ajax (Asynchronous JavaScript and XML)

zaks91 Messages postés 12 Date d'inscription Statut Membre Dernière intervention

un exemple si possible je ne suis vraiment pas bon enfin débutant je viens juste de commencer a lire un tutoriel sur ajax je suis juste a l'initialisation si tu me donne un exemple d’utilisation dans mon cas ce serais sympa

zermat Messages postés 160 Date d'inscription Statut Membre Dernière intervention 16

voici un exemple simple :
var xhttp = new XMLHttpRequest();
xhttp.open("GET", "page_php.php?variable="+selectedValue, true);
xhttp.send();

Dans page_php.php recuperer la variable selectedValue :
$selectedValue = $_GET['variable'];

zaks91 Messages postés 12 Date d'inscription Statut Membre Dernière intervention > zermat Messages postés 160 Date d'inscription Statut Membre Dernière intervention

merci je vais de ce fait voir si cela peut faire l'affaire

Réponse 2 / 2

zaks91 Messages postés 12 Date d'inscription Statut Membre Dernière intervention

voila j''ai utiliser ce code pour tester (une page test ) et cela ne marche pas alors que ca devrais vous pouvais m'éclairais je commence à perdre patience merci :


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>index.php</title>
</head>
<body>
      <form>
              <select name="percent" id="choix">
                     <option value="1000">1000</option>
                     <option value="2000">2000</option>
              </select>
      </form>
<?php
if (isset( $_GET['v']))
      {$variable=$_GET['v']; }
?>
                 <p>votre choix est : <?php echo $variable; ?> </p>
      <script type="text/javascript">
  var option = document.getElementById('choix');
  var selectedValue = null;
  option.addEventListener("change", function() {
  selectedValue = this.value; // si je fait alert pour afficher ma variable sa marche jusqu'a la
                   // le code qui normalement devrais envoyer la variable 
             var xhr = new XMLHttpRequest();    
             xhr.open('GET', 'index.php?v='+ encodeURIComponent(selectedValue));
             xhr.send(null);
                              });
         </script>
</body>
</html>

j'ai aussi réessayer avec un autre code et de même pas de résultat alors que l'on peut difficilement faire plus simple comme exemple voici l'autre code :


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>indextest.php</title>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>

</head>
<body>
      <form>
              <select name="percent" id="choix">
                     <option value="1000">1000</option>
                     <option value="2000">2000</option>
              </select>
      </form>
<?php
if (isset( $_POST['v']))
      {$variable=$_POST['v']; }
?>
                 <p>votre choix est : <?php echo $variable; ?> </p>
      <script type="text/javascript">
  var option = document.getElementById('choix');
  var selectedValue = null;
  option.addEventListener("change", function() {
  selectedValue = this.value; // si je fait alert pour afficher ma variable sa marche jusqu'a la
                   // le code qui normalement devrais envoyer la variable 
             /*var xhr = new XMLHttpRequest();    
             xhr.open('GET', 'indextest.php?v='+ encodeURIComponent(selectedValue));
             xhr.send(null);*/
            $.ajax({
                  type: "POST",
                   url: "indextest.php",
                  data: {v: selectedValue}
                            });

                              });
         </script>
</body>
</html>

zermat Messages postés 160 Date d'inscription Statut Membre Dernière intervention 16

essaye ce code :


<?php
if (isset( $_GET['v']))
      {$variable=$_GET['v']; die($variable);}
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>index.php</title>
</head>
<body>
      <form>
              <select name="percent" id="choix">
                     <option value="1000">1000</option>
                     <option value="2000">2000</option>
              </select>
      </form>

                 <p>votre choix est : <span id="mon_choix"></span></p>
      <script type="text/javascript">
  var option = document.getElementById('choix');
  var selectedValue = null;
  option.addEventListener("change", function() {
  selectedValue = this.value; // si je fait alert pour afficher ma variable sa marche jusqu'a la
                   // le code qui normalement devrais envoyer la variable 
             var xhr = new XMLHttpRequest();   
             xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
      document.getElementById("mon_choix").innerHTML = xhr.responseText;
    }
  }; 
             xhr.open('GET', 'index.php?v='+ encodeURIComponent(selectedValue));
             xhr.send(null);
                              });
         </script>
</body>
</html>

zaks91 Messages postés 12 Date d'inscription Statut Membre Dernière intervention > zermat Messages postés 160 Date d'inscription Statut Membre Dernière intervention

merci beaucoup j'ai réussi a le faire marcher j'avais oublier de traiter le retour :p bonne journée et encore merci

Discussions similaires

Passage de variable javascript / php dans la même page

Passage de variable JS vers PHP

Passer une variable JAVASCRIPT en une variable PHP avec AJAX

passez var javascript vers var php

Mettre variable javaScript dans variable PHP?

formulaire : possible sans php ni mysql ?

Votre réponse

Discussions similaires