La commande – Ajax

–diag de cas utilisation–
–client serveur–
–AJAX–
–methode HTTP–

Intro

  • réaliser le diagramme des cas d’utilisation de votre application

Partie 1

Livrable gitlab : ristoo/mission4/…

  • vérifier que vous n’avez pas pris la version slim de jquery qui ne contient pas ajax
  • ajouter un bouton nommé Ajax avec pour identifiant result sur votre page bonjour.php.
  • ajouter l’événement suivant au fichier function.js sans $(document).ready(function ()  s’il y est déjà.
$(document).ready(function () {
//click sur l'id btn
$('#btn').click(function () {
$.ajax("http://localhost/bonjour.php",//appel de bonjour.php sur le serveur web
{
type: "GET",
success: function (resultat) {
$("#result").html(resultat);
}
});
});
});
  • Cliquer sur le bouton, Hello devrait s’afficher. JS vient d’appeler le contenu d’une page PHP.

Partie 2

Livrable gitlab : ristoo/mission4/…

  • permettre lors du click sur un produit d’obtenir le prix du produit
    • récuperer l’id en JQ
    • faire un appel ajax sur la fonction dao select(id)
    • récupérer l’objet et extraire le prix
    • l’afficher en console
  • ajouter le prix à la classe puis à l’objet javascript avant de le mettre dans le tableau
  • permettre lors de l’affichage du panier d’afficher  le prix
  • calculer le total grâce à javascript et l’afficher à la fin du panier

 

 

Partie 3

Livrable gitlab : ristoo/mission4/…

  • réaliser le diagramme de classe qui permette d’enregistrer une commande, on sauvegardera le client s’il est fidèle, la date de la commande, l’heure, les produits commandés et les précisions du client
  • ajouter un bouton commande à la fin du panier
  • créer la table commande et la table ligne_co
  • créer commande.php qui pour le moment affiche une variable produits reçu en GET
  • lors du click, envoyer la liste des id sous forme de variable http produits à commande.php grâce à ajax en GET

 

   
    $.ajax({
      url: "commande.php",
      type: "GET",
      data:  "produis":[ "b1", "p2", "d3" ]
      contentType: json,  
      success: function(response)
      {
         alert(response);
      }
    });
  • Permettre à commande.php d’enregistrer les commandes dans la base de données lors de la validation du panier