Discussion :

[dam28800]

Bonjour à tous,

Je vous explique mon problème :

Actuellement j'ai un tableau qui me compte les commandes pour l'année 2008.
Avec des flèches sous forme d'image, j'ai fait un lien sur la même page.
Par la méthode GET j'ajoute à l'année plus ou moins 1.
Cela me permet de naviguer entre les années sans passer par un formulaire.

Le problème c'est que ma page se recharge à chaque fois.

Est il possible de passer par de l'Ajax pour solutionner ce problème, c'est à dire changer mon critère de recherche de ma requête (c'est à dire la variable année) en cliquant sur la flèche sans recharger ma page ?


Merci d'avance de votre aide !

[Bovino]

Normalement oui, les paramètres que tu envoies lors d'une requête sont créés au moment de l'envoi...

[dam28800]

Merci,

Alors j'ai commencé mais bon je suis un peu bloqué...

Sur ma page PHP j'ai mis un lien de test :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="vente.php?vente=y" onclick="go2()">test</a>

Avec mon code ajax dans le haut :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
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;
			}
 
 
 
			function go2(){
				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){
						leselect = xhr.responseText;
						// On se sert de innerHTML pour rajouter les options a la liste
						document.getElementById('sous_famille').innerHTML = leselect;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("GET","ajax_famille.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 de l'auteur
				sel = document.getElementById('vente');
				vente = sel.options[sel.selectedIndex].value;
				xhr.send("vente="+vente);
			}

[dam28800]

Oups le message est parti trop vite...

Je disais donc que j'essay d'adapter ce code mais dans mon code ajax je ne vois pas comment m'y prendre avec ma fonction go2()

Si quelqu'un à un début de solution ?

Merci d'avance !

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="vente.php?vente=y" onclick="go2();return false">test</a>

Pour inhiber l'action du href.

[dam28800]

Ok, je vais essayer merci de ton aide.

En revanche ma fonction go2() te semble t'elle correcte car je ne comprend pas certaine ligne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
function go2(){
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){
leselect = xhr.responseText;
 
// A partir de la je pense qu'il faut changer des choses mais je ne vois pas quoi ?
// En effet c'est le script d'une liste liée en menu deroulant
 
document.getElementById('sous_famille').innerHTML = leselect;
					}
				}
 
// Ici on va voir comment faire du post
xhr.open("GET","ajax_famille.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 de l'auteur
sel = document.getElementById('vente');
vente = sel.options[sel.selectedIndex].value;
xhr.send("vente="+vente);
}

Merci d'avance de ton aide.