Recherche chaud: hémorroïdes chez le chien symptômes larachide et lacide urique recette bougie pigment cire abeille comment voyager avec deux passeports problème de peau husky comment dessiner un sayler porqoin ordinateur senten renitialisation terre vegetale
Index Loisirs Santé Technologie

Faire AJAX avec PHP et HTML

Publié:2012-07-23Source: général
Advertisement

Faire AJAX avec PHP et HTML

Fonctions AJAX permettent pages Web mis à jour le contenu HTML sans que l'utilisateur d'avoir à rafraîchir la page ou accédez à un autre. Le code HTML peut appeler une fonction JavaScript, qui à son tour peut appeler un script PHP. Ce script peut obtenir des données supplémentaires, parfois à partir d'une base de données et est marquée format XML, ce retour à la fonction JavaScript. Le code JavaScript peut alors écrire les nouvelles données dans le code HTML, de sorte que la nouvelle information apparaît de la même manière l'utilisateur interagit avec la page Web.

Niveau de difficulté:

Modérément difficile

Instructions

1 Création d'un nouveau document HTML. Tapez le code suivant dans un fichier vierge dans votre éditeur de texte et d'attribuer une extension ".html" pour l'enregistrer: <html> <head> <script type = "text / javascript"> function processData () {// chercher nouvelle données} </ script> </ head> <body> <div id = "update"> Certains contenus </ div> <input type = valeur "bouton" = "appuyez sur moi" onclick = "processData ()" /> < / body> </ html> Lorsque l'utilisateur clique sur le bouton indiqué sur cette page, le navigateur appelle la fonction JavaScript dans la section de la tête de la page.

2 crée un objet XMLHttpRequest. Ajouter le code suivant dans la fonction JavaScript: XMLHTTP var; si (window.XMLHttpRequest) {XMLHTTP = new XMLHttpRequest (); } Else {XMLHTTP = new ActiveXObject ("Microsoft.XMLHTTP"); } Cela permet à la page Web pour gérer les différents navigateurs.

3 Envoyez vos données d'application à un script PHP. Ajouter le code suivant dans la fonction JavaScript, laissant la place pour le code avant ceci: Xmlhttp.open ("GET", "get_data.php", true); (xmlhttp.send); Cela indique au navigateur de demander des informations supplémentaires pour le script PHP spécifié.

4 crée un script PHP. Ouvrez un nouveau fichier dans un éditeur de texte et l'enregistrer comme "get_data.php" pour correspondre au paramètre avec la méthode d'expédition que vous utilisez dans votre code JavaScript. Tapez l'exemple de code suivant: <? Php echo "nouvelles données";? ?> Ceci est un exemple simple pour montrer, mais vous pouvez ajouter un traitement de PHP vous avez besoin, y compris les requêtes de base de données. Vous pouvez aussi construire votre texte de réponse dans le format XML si cela convient à votre site.

5 traite la réponse de votre script PHP. Dans votre fonction JavaScript avant la ligne qui ouvre l'objet XMLHttpRequest, ajoutez le code suivant: xmlHttp.onreadystatechange = function () {if (xmlHTTP.readyState xmlHTTP.status == == 4 && 200) {/ / gérer les données de réponse}} Lorsque JavaScript recevoir une réponse du script PHP, ce code sera exécuté. Le code vérifie que la réponse est valide. Dans cette déclaration conditionnelle, vous pouvez ajouter du code à écrire les nouvelles données dans la page HTML.

6 Mise à jour du contenu de votre page. En réponse sursis JavaScript, ajoutez le code suivant :. document.getElementById ("update") innerHTML = xmlHTTP.responseText; Ce code identifie l'élément div sur la page et puis écrire le texte de la réponse dans le code PHP.

7 Enregistrez le fichier 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.

[Rédacteur: Admin]
Je vous imagine comme

Articles recommandés

Cliquez Top Ranking