fonctions AJAX permettent pages Web pour mettre à jour le contenu HTML sans que l'utilisateur ait à rafraîchir la page ou accéder à une page différente . Le balisage HTML d'une page peut appeler une fonction JavaScript, qui à son tour peut appeler un script PHP. Le script PHP peut aller chercher des données supplémentaires , parfois à partir d'une base de données et formatée dans le balisage XML , ce retour à la fonction JavaScript. Le code JavaScript peut alors écrire ces nouvelles données dans le code HTML , ce qui rend de nouvelles informations apparaissent lorsque l'utilisateur interagit avec la page Web . Instructions
1

Créer un nouveau document HTML. Tapez le code suivant dans un fichier vierge dans votre éditeur de texte et donner au fichier une extension lorsque vous enregistrez le "html ". :

Texte < script type = " /javascript " > fonction processData () {//récupération de nouvelles données }

< entrée type = valeur "touche" = " appuyer sur moi " onclick = " processData () " /> Photos

Lorsque l'utilisateur clique sur le bouton affiché sur cette page, le navigateur va appeler la fonction JavaScript dans la section head de la page.
2

créer un objet XMLHttpRequest. Ajoutez le code suivant à l'intérieur de la fonction JavaScript:

var xmlHttp ; if ( window.XMLHttpRequest ) { xmlHttp = new XMLHttpRequest (); } else { xmlHttp = new ActiveXObject ( " Microsoft.XMLHTTP ");}

Cela permet à la page Web pour gérer les différents navigateurs .
3

Envoyer votre demande de données à un script PHP. Ajoutez le code suivant à l'intérieur de la fonction JavaScript, laissant de l'espace pour le code avant :

xmlHTTP.open ("GET ", " get_data.php ", true) ; xmlhttp.send ();

indique au navigateur de demander des informations supplémentaires à partir du script PHP spécifié .
4

Créer votre script PHP. Ouvrez un nouveau fichier dans un éditeur de texte et l'enregistrer comme " get_data.php " pour correspondre au paramètre de la méthode d'envoi que vous avez utilisé dans votre code JavaScript. Tapez l'exemple de code suivant: < ? Phpecho «Nouvelles données »; > Photos

Ceci est un simple exemple pour la démonstration , mais vous pouvez ajouter n'importe quel traitement PHP vous avez besoin, y compris les requêtes de base de données . Vous pouvez également créer votre texte de réponse dans le balisage XML si cela convient à votre site.
5

gérer la réponse de votre script PHP. Dans votre fonction JavaScript, avant la ligne dans laquelle vous ouvrez l'objet XMLHttpRequest , ajoutez le code suivant :

xmlHTTP.onreadystatechange = function ( ) {if ( xmlHTTP.readyState == 4 && xmlHTTP.status == 200) {//gérer les données de réponse }}

Quand JavaScript reçoit une réponse à partir du script PHP, ce code va s'exécuter. Le code vérifie que la réponse est valide . Dans cette instruction conditionnelle , vous pouvez ajouter du code à écrire les nouvelles données dans votre page HTML.
6

jour le contenu de votre page. Dans l'instruction conditionnelle de réponse JavaScript, ajoutez le code suivant : .

Document.getElementById ( "update" ) innerHTML = xmlHTTP.responseText ;

Ce code identifie l'élément div dans la page et puis écrit le texte de la réponse du code PHP en elle.
7

sauvegarder vos fichiers et les télécharger sur votre serveur. Accédez à la page et cliquez sur le bouton pour vérifier que la fonction fonctionne . Vous devriez voir le contenu de la modification de l'élément div .