TP4 AJAX

TP4 AJAX

  1. Objectifs

    • Etre capable de manipuler l’objet XMLHttpRequest de JavaScript.
  2. Exercice 01

    1. Énoncé
      • Modifier le code en bas pour afficher dans une balise <div> le changement de la propriété readyState de l’objet XMLHttpRequest
      • TP4 AJAX




    2. Solution
      • Essayez de faire l’exercice de votre côté avant de regarder la Solution !
  3. Exercice 02

    1. Énoncé
      • Modifier le code pour afficher le statut (status) de la requête utilisant cette fois une zone de texte. Tester avec un fichier non existant
      • Utiliser un tableau (Array) pour afficher un message comme suit:
        • 200: la requête est exécutée avec succès
        • 403: accès interdit (refusé)
        • 404: fichier non trouvé
        • 500: erreur interne au serveur
    2. Solution
      • Essayez de faire l’exercice de votre côté avant de regarder la Solution !
  4. Exercice 03

    1. Énoncé
      • Modifier le code pour afficher en popup le contenu d’un fichier texte (db.txt).
        • Utiliser la propriété responseText
    2. Solution
      • Essayez de faire l’exercice de votre côté avant de regarder la Solution !

  5. Exercice 04
    1. Énoncé
      • Créer une calculatrice en utilisant la technologie Ajax. Il y aura deux zones de texte pour les chiffres et cinq boutons d’opérations.
      • Idéalement,la réponse à apparaître dans la page sans la recharger .
      • Cette calculatrice est une calculatrice graphique simple avec cinq boutons, et deux zones pour saisir les deux nombres et une zone pour afficher le résultat.
      • Le calcule est effectué en utilisant un langage serveur (PHP)
      • En voici un aperçu:
      • Exercice 04 calculatrice AJAX

      • Elle peut faire les opérations suivantes :
        • Les additions(+)
        • Les soustractions ()
        • Les multiplications (x)
        • Les divisions (/)
        • Le modulo (%)
    2. Solution
      • Essayez de faire l’exercice de votre côté avant de regarder la Solution !

  6. Exercice 05
    1. Énoncé
      • TP4 AJAX

    2. Solution
      • Essayez de faire l’exercice de votre côté avant de regarder la Solution !



Laisser un commentaire

Abonnez vous à notre chaîne YouTube gratuitement