Envoie requete MySQL via Ajax

Tony12354 -  
jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   -
Bonjour à tous,

Je cherche à envoyer une requete MySQL via de l'Ajax et je ne sais pas du tout m'en servir.

Je m'explique.

J'ai un bouton "ajouter à la wishlist". En cliquant dessus, sans chanrgement de page, je souhaite remplir la table Wishlist avec le nom de l'utilisateur ($nom_utilisatateur) et le nom de l'annonce ($id_annonce).

Quelqu'un aurait-il un code pour m'aider ?

Merci beaucoup pour votre aide!!

1 réponse

  1. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 831
     
    Bonjour,

    Tout d'abord, si tu veux faire de l'AJAX je te préconise d'utiliser JQUERY
    Cela simplifie grandement son utilisation et sa syntaxe.

    Ensuite il te faut :
    Ton bouton "ajouter à la wishlist" sur lequel tu auras placé un ONCLICK renvoyant vers une fonction javascript.

    La fonction Javascript (qui te permettra de faire ton ajax) sera de la forme :
    function whiteList(nom_utilisatateur,id_annonce){
    
    var urlAjx = 'chemin/vers/fichier/phpAjax.php';
    var data={nom_utilisatateur:nom_utilisatateur,id_annonce:id_annonce};
          $.ajax({ 
           type: "POST",
               url:urlAjx,
               data:data ,
               async: false,
               dataType: "json",
               success: function(reponse){
                 //ici tu peux mettre du code
          // si ça s'est bien passé
                 // par exemple :
                  alert(reponse);
         
               },
               error:function(reponse){
           //en cas d'erreur
                 alert('error' + reponse);
               }
            }); 
    }
    
    


    Et pour finir .. un fichier PHP qui récupère les variables envoyées en POST et qui fait le traitement
    <?php
    
     // récupération propre de la variable en écriture Ternaire
     $nom_utilisatateur= isset($_POST['nom_utilisatateur']) ? $_POST['nom_utilisatateur']: NULL;
     $id_annonce= isset($_POST['id_annonce']) ? $_POST['id_annonce']: NULL;
    
     $reponse = $_POST; //par défaut, la réponse contient le contenu de $_POST (en cas de pb ça te permettra  de voir dans ton javascript ce que tu as envoyé )
     // Si on a bien une variable :
     if($nom_utilisatateur && $id_annonce ){
    
      //ici tu places ton code d'insert dans ta BDD
    
      //variable si ok
      $reponse = 'OK';
     }
    
    //permet de renvoyer le résultat au javascript au format json :
    echo json_encode($reponse);
    


    Cordialement, 
    Jordane                                                                 
    0