IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

AJAX Discussion :

Envoi et récupération de données


Sujet :

AJAX

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Octobre 2016
    Messages
    59
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 28
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Octobre 2016
    Messages : 59
    Par défaut Envoi et récupération de données
    Bonjour,
    je voudrais envoyer des données via un formulaire :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <form method="post" action="";>
    <select name="value" size="3">
    <option value="20">20%</option>
    <option value="10">10%</option>
    <option value="5">5,5%</option>
    </select>
    <input type="submit" value="ok" onclick="tva()" />
    </form>
    et voici mon script pour envoyer la sélection et afficher le résultat :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    <script>
    function getXMLHttpRequest() {
        var xhr = null;
     
        if (window.XMLHttpRequest || window.ActiveXObject) {
            if (window.ActiveXObject) {
                try {
                    xhr = new ActiveXObject("Msxml2.XMLHTTP");
                } catch(e) {
                    xhr = new ActiveXObject("Microsoft.XMLHTTP");
                }
            } else {
                            xhr = new XMLHttpRequest();
                        }
        } else {
            alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");
            return null;
        }
     
        return xhr;
    }
     
     
    var value = document.getElementById('value');
    function tva()      
    {      
     
     
           $.post('traitementtva.php',                // AJAX : On appelle un script php      
       {value: value},          // Passage de la variable en paramètre      
               function(data){       
         $('#tvaretour').html(data);               // On ajoute le résultat de se script dans la balise qui a pour id "conteneur".    
     });      
       }
     
    </script>
    et ma page traitementtva.php :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    <?php
    if (isset($_POST['value'])){
    switch ($_POST['value']) {
            
        case "20":
          $prixhorstaxes = 21 / 1.2 ;
          $tva = 21 - $prixhorstaxes;
              echo "Prix TTC : 21 euros"; echo'</br>';
          echo "Prix HT : $prixhorstaxes"; echo'</br>';
          echo "TVA : $tva"; 
            break;
                    
        case "10":
          $prixhorstaxes = 21 / 1.1 ;
          $tva = 21 - $prixhorstaxes;
              echo "Prix TTC : 21 euros"; echo'</br>';
          echo "Prix HT : $prixhorstaxes"; echo'</br>';
          echo "TVA : $tva";
            break;
                    
        case "5":
          $prixhorstaxes = 21 / 1.055 ;
          $tva = 21 - $prixhorstaxes;
              echo "Prix TTC : 21 euros"; echo'</br>';
          echo "Prix HT : $prixhorstaxes"; echo'</br>';
          echo "TVA : $tva";
            break;
    }
    }
    else {
                  $prixhorstaxes = 21 / 1.2 ;
          $tva = 21 - $prixhorstaxes;
              echo "Prix TTC : 21 euros"; echo'</br>';
          echo "Prix HT : $prixhorstaxes"; echo'</br>';
          echo "TVA : $tva";
    }
     
     
    ?>
    je ne comprend pas pourquoi mon résultat ne s'affiche pas dans la balise :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <div name="tvaretour" id="tvaretour"></div>
    je n'ai aucun message d'erreur si quelqu'un a une solution.

    merci.

  2. #2
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Bonjour,

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <select name="value" size="3">
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var value = document.getElementById('value');
    Ton select n'a pas d'attribut id or que tu tentes de l'accéder avec getElementById.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    var value = document.getElementById('value');
    function tva()      
    {
    A remplacer par
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    function tva()      
    {      var value = $("#value").val();
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="submit" value="ok" onclick="tva()" />
    A remplacer par
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="button" value="ok" onclick="tva()" />
    ou
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="submit" value="ok" onclick="tva(); return false;" />
    La fonction getXMLHttpRequest() ne sert à rien, vu que tu utilises déjà jQuery.

    A+.

Discussions similaires

  1. Récupération de données sur automate et envoi dans BDD Access
    Par jacknido dans le forum Visual Studio
    Réponses: 7
    Dernier message: 17/06/2016, 14h29
  2. Envoi mail Outlook Selon données + récupération données
    Par lindoushka dans le forum Macros et VBA Excel
    Réponses: 9
    Dernier message: 18/07/2014, 11h35
  3. Réponses: 2
    Dernier message: 09/07/2014, 17h07
  4. Réponses: 5
    Dernier message: 24/03/2009, 17h12
  5. [XMLRAD] récupération de donnée
    Par Mitch79 dans le forum XMLRAD
    Réponses: 7
    Dernier message: 30/01/2003, 15h36

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo