[AJAX] Tuto trop flouFermé

Question

Bonjour, 

voilà jme met au AJAX "grace" à un tuto de chez xul, mais il est tres flou et on s'y perd tres vite quand on apprend ( ce qui est un probleme dans un tuto justement )

du coup jme retrouve avec ceci :

un fichier ajax.js


function createXHR() {
 var request = false;
        try { request = new ActiveXObject('Msxml2.XMLHTTP'); }
        catch (err2) {
            try { request = new ActiveXObject('Microsoft.XMLHTTP');  }
            catch (err3) {
	try { request = new XMLHttpRequest(); }
	catch (err1) {request = false;	}
            }
        }
    return request;
}


et je ne sais pas ou je dois metre mon fichier.php qui contiens le code que je veux ( je veut le faire marcher en appel onload="" dans le body et un setTimeout() régulier pour rafraichir regulierement.
Je ne sais pas non plus comment récupérer le resultat de mon .php ( qui contiendra une requette sql donc une multitude de resultat ( il y aura un while pour récupérer l'integralité de la table )

Quelqu'un peut m'éclairer ne serais-ce qu'un petit peu ?

Merci beaucoup d'avance, je nage dans la vase ^^



Configuration: Windows 7 / Internet Explorer 9.0

Sombresonge · Answer

Ci-dessous le code complet pour une utilisation simple d'Ajax. Tu n'as plus qu'à modifier le nom de la page php que tu souhaites appeler, et à traiter les données de retour (xhr.responseText)   

var xhr;    
         
     if (window.XMLHttpRequest) {     
         xhr = new XMLHttpRequest();    
     }    
     else if (window.ActiveXObject)     
     {    
         xhr = new ActiveXObject("Microsoft.XMLHTTP");    
     }    
      
  xhr.onreadystatechange = function() {    
   if (xhr.readyState==4 && xhr.status==200) {    
    // traitement des données de retour    
    // xhr.responseText;    
   }    
  };    
      
     //on appelle le fichier addspecialite.php    
     xhr.open("GET", "ici_j_appelle_ma_page_php",  true);     
     xhr.send(null);

Dans ta page PHP, le résultat de ta requête est renvoyée à ta fonction JS avec un simple echo (tu dois donc effectuer la mise en forme dans ta page PHP, ou si tu ne transmets que des variables, les concaténer de façon a pouvoir les récupérer facilement pour ton traitement JS, par exemple concaténer tes variables avec un caractère de séparation, et les dé-concaténer dans le JS avec la méthode split() ).

jiantox · Answer

Salut et merci de ta reponse, j'ai essayé de metre ceci en place mais je n'obtiens rien :



et dans mon look.php : 

query("SELECT * FROM look"); 
while($chk2=$chk->fetch()) { 
echo $chk2[0].'£ '.$chk2[1].'£'.$chk2[2].'
'; } 
?>

look.php me ressort bien test£test£test sur plusieurs lignes, mais l'index.php ( le js ) ne ressort rien. 

Pourrais-tu m'expliquer comment gérer les réponses ( coté js ) ? 
Et surtout comment faire pour que je puisse afficher l'integralité de la base ( un while dans le js ? )

Merci beaucoup de ton aide

jiantox · Answer

Nan bah j'ai trouvé en fait rien de plus simple, j'ai tout mis en forme sous php, ça ressort tout en propre sous js : function look() { var xhr; if (window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else if (window.ActiveXObject) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); } xhr.onreadystatechange = function() { if (xhr.readyState==4 && xhr.status==200) { // traitement des données de retour // xhr.responseText; var chaine3 = xhr.responseText; document.getElementById('look').innerHTML = chaine3; } }; //on appelle le fichier addspecialite.php xhr.open("GET", "look.php", true); xhr.send(null); setTimeout("look()", 1000); } et le php : query("SELECT * FROM look"); while($chk2=$chk->fetch()) { echo $chk2[0].' | '.$chk2[1].' | '.$chk2[2].'
'; } ?> et tout roule :) Merci à toi ;)

[AJAX] Tuto trop flou

3 réponses

Discussions similaires

Newsletters