code XMLHttpRequest Fermé

Question

Bonjour, voilà, j'ai trouvé sur internet un script permettant aux visiteurs de noter avec un système par étoiles. Cependant le script ne propose que la partie client, et il nous faut faire la partie serveur. Et justement, pour cela il faut utiliser AJAX et XMLHttpRequest, ce dont je ne connais rien du tout. Voilà, j'aimerais que les visiteurs puissent noter tous mes articles où je met le script. J'ai dans ma table un champs "note". Voici le script que j'ai trouvé:

Voilà, donc comme il le dit dans les commentaires, il faut utiliser XMLHttpRequest pour envoyer la note dans la base de données, mais comme je ne connais rien à l'AJAX je ne sais pas du tout comment faire. Merci de votre aide. Bonne journée.

lewis34 · Answer

je te met un p'tit bout de code à tester

img.onclick	=function() {var note= Name2Nb(this.id);note_new(note);};

fonction qui va noter ton article en ajax

function note_news(note)
{

//on recupere le note et on prepare la requete ajax			
			var xhr_object = null;				 
			   if(window.XMLHttpRequest) // Firefox 
				  xhr_object = new XMLHttpRequest(); 
			   else if(window.ActiveXObject) // Internet Explorer 
				  xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); 
			   else {
				   // XMLHttpRequest non supporté par le navigateur 
				  alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				  return; 
			   } 
			 
			 xhr_object.open("GET", "note.php?note="+note  , true);//appele du ficher php qui va traiter tes infos passer en parametres get, bien sur tu peut passer d'autres pram en plus il suffit de les separer par & comme ça '&x=' +var1  + '&y=' + var2...etc
			   xhr_object.onreadystatechange = function() 
			   { 
			   
				  if(xhr_object.readyState == 4)
				  {
				  //alert(xhr_object.readyState);
				//alert(xhr_object.responseText); // DEBUG MODE decommente cette ligne pour debuger
					
					 eval(xhr_object.responseText);
//tu peut si tu souhaite afficher le resultat de ta requete dans un div
/* AFFICHAGE DE LA REQUETE AJAX */
					document.getElementById("divajax").innerHTML = xhr_object.responseText;

				  }
			   } 
			 
			  //xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
			  xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		
				xhr_object.setRequestHeader("Content-type", "charset=UTF-8");
			  
			   var data = note;
			 		   
			   xhr_object.send(data);
	
}




fonction retournant l'objet XMLHttpRequest adéquat en fonction du navigateur

function getXMLHttpRequest()
{
var req = false;

try
{
   req=new XMLHttpRequest();
}

catch(e)
{
   try
   {
      req=new ActiveXObject("Msxml2.XMLHTTP");
   }
   catch (e)
   {
      try
      {
         req = new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch(e)
      {
         req = false;
      }
   }
}

return req;

}

et tu n'a plus qu'a creer un fichier note.php

qui contiendra les requetes que tu souhaite faire

<?PHP

print_r($GET); // pour verifier que tu recois bien tes valeurs
/*
a partir de la c'est du php classique,insertion,modif etc
*/
?>

voila ça devrais je pense fonctionner,pour debuger utilise la console pour voir les erreurs javascript, y'en a peut etre j'ai pas tester

Alain · Answer

Merci beaucoup Lewis34, cependant, je ne comprends pas trop ce code (oui, je ne connais strictement rien à l'AJAX et JavaScript). Je pense avoir compris où placer ton code par rapport à la page de défaut:

Seulement maintenant je bloque. Oui pour la page note.php, en effet, le PHP sa va je connais, cependant, j'ai un peu de mal à faire la requête convenable: j'ai dans ma table, les champs note mais aussi ID avec chaque article ayant son propre ID. Je souhaiterais que la note soit attribuée à l'article correspondant. Les articles sont affichés avec page_article.php?ID=#, je pense donc qu'il faille utiliser .mysql_real_escape_string($_GET['ID'])) mais comment faire car là l'ID n'est plus récupéré, il faudrait créer la variable dans la page notation (qui deviendrait .php) puis l'envoyer en GET à la page note.php. Enfin, je m'embrouille, je ne sais pas comment faire. En code normal en PHP j'aurais fait comme tel: Enfin voilà, j'ai encore besoin d'aide, mais merci bien encore pour l'aide apportée jusqu'à présent. Bonne journée.

lewis34 · Answer

il ne faut pas placer le code tel quel dans ta page.. ^^ img.onclick =function() {var note= Name2Nb(this.id);note_new(note);}; function note_news(note) { tu ecrira soit entre et function note_news(note) { et la suite.. soit dans un fichier a part que tu appelaera comme çà pour ton ID tu peut le recuperer faciulement, si tes pages sont liées à l'ID. tu met ton id dans un champ caché(met le en text pour deboguer et ensuite passe le en hidden) cela va donner qqch comme ça et dans la partie ajax (function note_news(note) ) tu rajoute ca au debut var id=document.getElementById("id_article").value; modifie ta requete ajax xhr_object.open("GET", "note.php?note="+note +" &id=" +id , true); modifie ca aussi var data = note+' '+id; et apres php classique dans ta page note.php

Code XMLHttpRequest

3 réponses

Discussions similaires