Comment faire l' AJAX avec PHP et HTML

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 }

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 .