Jquery Ajax code asynchrone avec php

Jquery AJAX c'est lui Prise en charge du framework Javascript pour le traitement asynchrone des requêtes vers le serveur Web.
Il est utilisé pour la création de pages Web dynamiques, Ces applications ou pages Web s'exécutent sur le client, le navigateur des utilisateurs tout en maintenant une communication asynchrone avec le serveur en arrière-plan, de cette manière une demande peut être faite au serveur pour le traiter et recevoir les informations traitées sans que l'utilisateur ne change de page ou n'ait à se rafraîchir, c'est également transparent pour l'utilisateur, puisqu'il ne voit pas à quelle page la demande a été faite.
Créons une fonction pour consulter une base de données à partir d'un formulaire web
Nous créons un web avec un formulaire que nous appellerons index.html

 
 
 
Nom:
 
 

 
 
Ville:
 
 

 
 
 
 
 

 

Le résultat sera un formulaire html avec les champs qui y sont détaillés, puis la fonction infoclientes() sera créée ultérieurement.

Nous créons maintenant la base de données Clients que nous utiliserons comme exemple pour consulter :

 CREATE TABLE `customers`` clients` (`id` INT (10) NOT NULL AUTO_INCREMENT,` name` VARCHAR (255) NOT NULL, `city` VARCHAR (255) NOT NULL, PRIMARY KEY (` id`)) ENGINE = INNODB; 

Nous insérons des données dans la base de données :

Nous créons maintenant un fichier clients.php à interroger par nom et pour nous retourner la ville, il pourra être consulté par n'importe quel autre champ ou plusieurs qui sont renseignés dans le formulaire.

La fonction Ajax dont nous avons maintenant besoin pour que depuis le formulaire, nous puissions invoquer le fichier php et faire la demande au serveur. Nous y créons la fonction infoclientes() que nous avions laissée en attente.

Lorsque nous exécutons le web index.html, nous pouvons écrire le champ du nom et cliquer sur consulter cela nous amène le résultat qui est stocké dans le div info et dans la zone de texte; sans avoir rafraîchi la page.

Si nous avons Firebug, nous pouvons voir les requêtes, combien de temps elles prennent, quels paramètres ont été utilisés et quelle a été la réponse du serveur, dans ce cas, cette requête a pris 30 millièmes de seconde pour s'exécuter sur le serveur et s'afficher à nouveau dans le navigateur.

L'utilisation de jquery et ajax permet d'améliorer la convivialité de l'application, on obtient une plus grande vitesse, ceci car il n'est pas nécessaire de retourner à nouveau toute la page et de faire attendre l'utilisateur.
Les informations peuvent être interrogées et affichées de différentes manières selon les besoins.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif