[AJAX] Ex�cuter une requ�te SQL des la checkbox coch�e

Version imprimable

30/05/2007, 17h58
dje064

[AJAX] Ex�cuter une requ�te SQL des la checkbox coch�e

Salut � tous,

J'ai un petit probl�me, je chercherais � ex�cuter une requete de modification d�s qu'une checkbox est coch� tout en restant sur la m�me page.

Ca me permettrer d'archiver des produits dans une partie administration de boutique que je suis en train de d�veloppez.

Si quelqu'un connaitrait une solution simple et compl�te me permettant de g�rer cela il serait d'une grande aide.
30/05/2007, 18h26
Nasky

Bonjour et bienvenue sur Developpez ;)

Renseigne-toi sur l'objet XMLHttpRequest qui va te permettre cela : http://siddh.developpez.com/articles/ajax/

Principe :
- d�tecter l'�v�nement "checkbox coch�e" (onClick)
- lancer la requ�te vers une page php (gr�ce � l'objet XMLHttpRequest) qui effectuera les insertions/modifications SQL. A cette �tape, tu ne changeras pas de page.
- r�cup�rer le retour du serveur si n�cessaire

En cas de probl�me d'impl�mentation, n'h�sites pas � venir demander ;)

Nas'
30/05/2007, 20h04
dje064

ok, merci Nasky, je vais voir ca, si j'ai un probl�me je mettrais mon code sur le forum pour voir ce qui ne va pas:yaisse2:

Re, j'ai suivi tes conseils et j'ai trouv� la solution donc je t'en suis reconnaissant.
Je met le code � disposition pour ceux qui chercheraient une solution comme je l'ai cherch� moi :

Fichier Hmlt (test.html):

Code:

1
2
3
4
5
6
7
8
9
 
<html>
        <head
                <script type="text/javascript" src="test.js"></script>
        </head>
        <body>
                <input type="checkbox" name="check" onclick="go()"/>
        </body>
</html>

Script Php (test.php) :

Code:

1
2
3
4
5
6
7
 
<?php
        //Rentrer les paramètres de connection à la base de données
 
        //On efectue ensuite la requête (celle que vous souhaitez !!)
        mysql_query("UPDATE article SET archive='1' WHERE id_article='1'") or die ("La requete de mise à jour a échoué");                    
?>

Script Ajax (test.js) :

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
37
38
39
40
41
42
43
 
function getXhr()
{
	var xhr = null; 
	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; 
	} 
	return xhr
}
 
/**
* Méthode qui sera appelée sur le click du bouton
*/
function go()
{
	var xhr = 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)
		{
			xhr.responseText;
		}
	}
	xhr.open("GET","test.php",true);
	xhr.send(null);
}

Voila donc si on regarde bien ca fait 3 fichiers et des que vous cochez la checkbox dans le fichier test.html ca fait la mise � jour.

Pour ceux qui connaissent d�tes moi si je n'ai pas fait d'erreur ou s'il y a des am�liorations � apporter !!

Merci tout le monde....:yaisse2:

31/05/2007, 10h42
furth

J'aurai une question par rapport � ce post, si on veut envoyer l'id d'une table dans ma page test.php afin de faire la modification, partique quand on a plusieurs checkbox � modifier, on s'y prend comment?
31/05/2007, 10h49
Nasky

Code:

xhr.open("GET","test.php?id=" + id ,true);

;)
Sinon, dje064, �a me parait correct, � part que tu n'utilises pas la r�ponse du serveur donc inutile de v�rifier que la requ�te est termin�e mais sinon... :)

Nas'
31/05/2007, 10h54
furth

Yep Nasky, merci pour ta r�ponse...

juste pour savoir comment tu remplie le id

Code:

xhr.open("GET","test.php?id=" + id ,true);

Tu peux le passer en param�tre de ta fonction � appeler en cas de click.
Code:

1 2 3 4 5 6 7 <input ..... onClick="go(5);" /> function go(id) { // .... xhr.open("GET","test.php?id=" + id ,true); //... }
Nas'

31/05/2007, 11h25
furth

Oki, merci, je vais essayer ca et je vous tiens au courant:lol: