Comment lier un événement Click à Ajax

Ajax vous offre un moyen d'interroger un serveur en utilisant JavaScript sans la nécessité d'actualiser la page Web. Les programmeurs utilisent souvent Ajax pour interroger le serveur lorsqu'un utilisateur clique sur un bouton ou une image. Vous devez relier la fonction Ajax à la "onclick" événement pour le bouton ou l'image pour exécuter le code dans le navigateur de l'utilisateur.

Instructions

1 Ouvrez l'Explorateur Windows ou votre gestionnaire de fichiers et préféré naviguer dans le fichier HTML qui contient vos requêtes Ajax. Faites un clic droit sur le fichier, cliquez sur «Ouvrir avec» et sélectionnez votre éditeur Ajax dans la liste des programmes.

2 Ajouter les classes Ajax à votre code. Tapez ou copiez et collez le code suivant entre l'ouverture et la fermeture <head> balises dans le document:

<Script src = "& lt; / script" rel = "nofollow" target = "_blank"> http://code.jquery.com/jquery-latest.js&quot;> & lt; / script>

3 Créer un bouton ou l'image pour l'utilisateur de cliquer qui va déclencher le code Ajax. Le code suivant crée un bouton pour le déclencheur Ajax:

<Input type = "button" id = "ajaxtrigger" valeur "Cliquez ici">

4 Créer une fonction Ajax qui traite le code lorsque l'utilisateur clique sur le bouton. L'exemple ci-dessous affiche un message à l'utilisateur lorsque le bouton est cliqué:

$ ( '# Ajaxtrigger'). Cliquez sur (function () {
alert ( 'Vous avez cliqué sur le bouton.');
});

Notez que l'ID de la touche est utilisée dans la définition de la fonction.