[AJAX] Comment utiliser AJAX

Version imprimable

04/04/2006, 11h56
Taz_8626

[AJAX] Comment utiliser AJAX

voila j'ai un tableau et je voudrais que pour chaque cochage ou decochage s'excute une requete SQL
on m'a dit qu'il fallait que j'utilise AJAX mais je n'y connais rien
voici mon tableau
http://big.chez-alice.fr/arc0/Images/ecran1.bmp

si quelqu'un peut m'aider �a serait cool

merci d'avance
04/04/2006, 13h31
javatwister

qui peut t'aider si tu viens ici en disant "je n'y connais rien"? un tutoriel consacr� � ajax, non?
04/04/2006, 13h41
Taz_8626

merci pour le tuto mais �a m'explique pas grand chose comment faire mon truc pour que lorsqu'on clic sur une checkbox (cochacge ou decochage) �a execute une requete sql c'est un dire un Update.
si c'est un cochage �a met la valeur � 'O' sinon si c'est un d�cochage �a met la valeur � 'N'
04/04/2006, 14h00
titoumimi

l'id�e, c'est que tu va appeler AJAX en lui passant les bons param�tres avec un �v�nement onclick sur chacune de tes checkbox.
04/04/2006, 14h25
Taz_8626

l'id�e c'est �a et qu'elle puisse rafraichir la page .

Si tu n'y connais rien ou presque.. ajax c'est populaire, mais ptet pas le plus simple a apprehender !

Enfin bref, ca c'est toi qui voit..

Deja t'as besoin d'un script php ou autre, qui fasse la requete sur ta base et te renvoye un message ok ou erreur, par exemple..

Apres, pour appeller ton script php, tu utilises une fonction js dans ce genre :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 function file(fichier) { if(window.XMLHttpRequest) // FIREFOX xhr_object = new XMLHttpRequest(); else if(window.ActiveXObject) // IE xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); else return(false); xhr_object.open("GET", fichier, false); xhr_object.send(null); if(xhr_object.readyState == 4) return(xhr_object.responseText); else return(false); }
cette fonction tu l'appelles comme ca :

Code:

texte = file('/V2_mysql/ajax/VerifClient.php?client='+escape(client))

Ici, c'est un script php VerifClient.php et un parametre client, et le retour sera contenu dans ta variable texte

apres, tu affiches ta variable texte ou tu la teste pour voir si le retour est ok.. et voila tout !

Ah oui, et pour appeller l'evenement quand on clique une checkbox...

Code:

onClick='.....'

a+

04/04/2006, 14h51
Taz_8626

merci pour les infos mais le petit hic c'est que je ne change pas de page je reste toujours sur la meme.
En fait ce que je voudrais faire c'est lorsque je coche ou d�coche la checkbox �a execute le update derri�re et que ma page ce rafraichit
voila mais merci pour le d�but du code �a va m'aider et il me rest plus qu'a faire la fonction par rapport � la checkbox
04/04/2006, 14h55
zevince

tout l'interet d'ajax est que la page n'est pas recharg�e, justement !!!
Un simple bouton submit, un script php pour l'update et pas besoin d'ajax ! Pourquoi faire compliqu�.....

comment faire alors utiliser AJAX ou pas
car mon tableau est cr�� par un select donc j'ai a peu pr�s 400 lignes dans le tableau et pour chaque colonne mes checkbox ont le meme nom car c'est une boucle qui parcours la requete et qui affiche le r�sultat

voici le code pour une checkbox
Code:

1 2 3 4 5 if ($result[$i]->PDG == 'O') echo '<td><input type="checkbox" name="pdg" value="PDG'.$result[$i]->client_id.'" CHECKED /></td>'."\n\t"; else echo '<td><input type="checkbox" name="pdg" value="PDG'.$result[$i]->client_id.'" /></td>'."\n\t";

04/04/2006, 15h04
zevince

8O ben oui, mais comment veux tu faire un update si tes checkbox ont toutes le meme nom ???
Tu pourrais les nommer Mycheckbox[id] ou l'id est l'identifiant de la ligne sql.. ou que sais-je.. mais la, tu as un probleme de conception
04/04/2006, 15h05
zevince

ben faut que le name comporte l'identifiant .. ou un moyent de retrouver a quoi il correspond, sinon, je ne vois pas comment tu peux faire !

ok mes checkboxs sont diff�renci�es par le num�ro du contact et apr�s comment faire?
Code:

1 2 3 4 5 if ($result[$i]->PDG == 'O') echo '<td><input type="checkbox" name="pdg'.$result[$i]->client_id.'" value="PDG" CHECKED /></td>'."\n\t"; else echo '<td><input type="checkbox" name="pdg'.$result[$i]->client_id.'" value="PDG" /></td>'."\n\t";
mais je suis oblig� que le name de la checkbox comporte le num�ro de la ligne !!!
car sur une ligne il y a 8 checkbox qui ont un nom diff�rents

voici mon code partie ajax

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
		function getXhr(){
				if(window.XMLHttpRequest) // Firefox et autres
				   xhr = new XMLHttpRequest(); 
				else if(window.ActiveXObject){ // Internet Explorer 
				   try {
			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
			            } catch (e) {
			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
			            }
				}
				else { // XMLHttpRequest non supporté par le navigateur 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
			}
			function go(){
				getXhr();
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						leselect = xhr.responseText;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","updatecli.php",true);
				// ne pas oublier ça pour le post
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				// ne pas oublier de poster les arguments
				// ici, l'id du client
				sel = document.getElementById('cli');
				idcli = sel.options[sel.selectedIndex].value;
				xhr.send("idcli="+idcli);
			}

mais j'ai un probl�me car pour r�cup�rer l'id du client le nom change a chaque ligne commetn faire ?
voici mon code partie update.php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<?php
    require_once("classes/Connexion.class.php");   //Importation du fichier pour la Connexion
    require_once("fonctions/templates.php");
    require_once("fonctions/fonction.php");
 
          if(isset($_POST['idcli'])){
            if(isset($_POST['pdg']))
                $pdg='O';
            else
                $pdg='N';
          
                $connexion = new Connexion();
                $req = "UPDATE clients SET PDG='$pdg' ,DT= ,SECRETARIAT= ,RESP_MAINT= ,RESP_ESS= ,RESP_INFO= ,OPERATEURS= ,EQUIP_MAINT= where client_id='.$_POST['id']).'";
                $res = $connexion->update($req);
                $connexion->close();
    }
?>

06/04/2006, 14h10
Taz_8626

si je donne un nom diff�rent � chaque checkbox comment pour savoir quel est la bonne checkbox par rapport � l'execution de la requete

ou alors j'appel les checkbox pareil dans la meme colonne avec en plus le num�ro du contact

comment faire pour r�cup�rer le nom de la checkbox que je viens de cliquer ou s�lectionner?
06/04/2006, 15h16
_beber85
en faisant un truc genre :
Code:

1 2 onclick="javascript:maFonction(this)"
comme ca tu as ton objet dans javascript et dc tu sais son id