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

jQuery Discussion :

Récupérer les variables Ajax


Sujet :

jQuery

  1. #1
    Nouveau Candidat au Club
    Récupérer les variables Ajax
    Bonjour,

    Je souhaite recupérer des variables via ajax et une requete sql

    Mon code actuel qui ne fonctionne pas:

    html + js:
    Code html :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
            <script type='text/javascript'>
      function getPostData(){
        $.ajax({
          url : 'selectAbonnes.php', 
          type : 'POST', 
          datatype: 'json',
          success: function(resultat, statut)
                 {
                 $('#Abonne').html(resultat);
                 },
          error: function(resultat, statut)
                 {
                  "L'appel de la BDD a recontré un problème";
                 }
       });   
      };
     
      </script>
     
      <span id='Abonne'>'aa'</span>


    php:
    Code php :Sélectionner tout -Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <?php
            $Requete="SELECT * FROM abonnes " ;                                                                                                          
            $Resultat=mysqli_query($Id_BdD,$Requete) or exit('Echec de la requête : '.$Requete.'<br />'.mysqli_error($Id_BdD));  
            while ($row = mysqli_fetch_assoc($Resultat)) {  
              $RetourAjax[]=$row;
                                                         };
            $RetourAjax= json_encode($RetourAjax);
            echo $RetourAjax;
     
    ?>

  2. #2
    Membre émérite
    Bonjour,

    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
     
    function getPostData(){
      $.ajax({
         url : 'selectAbonnes.php',
         type : 'POST',
         datatype: 'json',
         success: function(resultat, statut){
              console.log("success ajax :",resultat);//si tout va bien tu verras cette ligne dans la console du navigateur
              $('#Abonne').html(resultat);//cette ligne est fausse, parce que tu récupère un objet depuis le fichier php, il va falloir le parcourir afin de l'intégrer dans ta page.
        },
        error: function(resultat, statut){
             alert("Erreur ajax :"+resultat.responseText);//s'il y a une erreur, cette alerte sera déclenchée.
       }
     });
    }


    Par-contre je ne vois nulle part l'appel de la fonction getPostData dans ton code !