Récupérer 3 données sur 1 URL en Ajax

Version imprimable

Voir 40 message(s) de cette discussion en une page

21/08/2010, 21h42
Bovino

:mouarf:
C'est normal en écrivant

Code:

url: 'jeup4verif.php?pseudo=<? echo "$pseudo"; ?>&play=$picture1'

:ptdr:

Essaye donc avec

Code:

url: 'jeup4verif.php?pseudo=<? echo "$pseudo"; ?>&play='+$picture1
21/08/2010, 21h47
ingeniomatique

Alors en HTML ça donne toujours :

Code:

url: 'jeup4verif.php?pseudo=foxbond&play='+$picture1,

Et en plus le clic sur une image ne donne plus rien (même pas les alerts).
21/08/2010, 21h58
Bovino
Et avec
Code:

1 2 var $picture1 = $(this).id; alert($picture1);
ça donne quoi ?
21/08/2010, 22h05
ingeniomatique

Ca fait là aussi une alerte.
UNDEFINED!
Toujours celui là lol
21/08/2010, 22h07
Bovino

Tu peux montrer le code HTML de ta page (voir source du navigateur) ?

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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<html><head> 
<style type="text/css"> 
body {
	background-color: #ECECFF;
}
.violet {
	color: #609;
}
.bleu {
	color: #036;
}
</style> 
<script src="scripts/jquery-1.4.2.min.js" type="text/javascript"></script> 
<script type="text/javascript">  
$(function(){
 
 $("#conteneur img" ).click(function(){
 var $picture1 = $(this).id;
alert($picture1);
 
 $.ajax({ 
        url: 'jeup4verif.php?pseudo=foxbond&play='+$picture1,
 		dataType: "json",
        success: function(data) { 
alert(data.donnee1);
alert(data.donnee2);
alert(data.donnee3);
            $picture1.attr('src', data.data.donnee1);
			document.getElementById('tour').innerHTML.replace(document.getElementById('tour').innerHTML,'data.donnee3');
			document.getElementById('final').innerHTML.replace(document.getElementById('final').innerHTML,'data.donnee2');
			if (data.donnee3!='') {
clearInterval(monInterval);
}  
        }  
    }); 
 });
});
</script> 
<script language="javascript"> 
function charge()
     {
 $.ajax({   
        url: 'jeup4verif2.php',   
        success: function(data) {
		$picture1.attr('data.donnee2', data.donnee1);
		document.getElementById('final').innerHTML.replace(document.getElementById('final').innerHTML,'data.donnee3');
		if (data.donnee3!='') {
clearInterval(monInterval);
}  
        });
	   });
	 });
var monInterval = setInterval(charge, 5000);
</script> 
</head> 
<body><img src='Images/Jeux/44-4.png' alt='' width="800" height="650" border="0" style='display:block; position:absolute; top:10; left:10;' /> 
<table width="200" border="0" cellpadding="2" cellspacing="2" style='display:block; position:absolute; top:10; left:10; width: 1000; font-family: Verdana, Geneva, sans-serif; font-size: 12px;' id="conteneur"> 
  <tr> 
    <td height="158" colspan="9">&nbsp;</td> 
    <td width="190" height="158">&nbsp;</td> 
  </tr> 
  <tr> 
    <td width="167" rowspan="7">&nbsp;</td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="A1"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="A2"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="A3"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="A4"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="A5"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="A6"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="A7"></td> 
    <td width="160">&nbsp;</td> 
    <td width="190" rowspan="7"><div align="center"> 
      <p><strong> 
        <div id='final'></div><br>Foxbond2        <br /><br /> 
        <font size='4'>VS</font><br /><br />Foxbond</strong><strong> 
        </strong></p> 
      <div align="center" id="player"> 
        <table width="100%" border="0" cellspacing="4"> 
          <tr> 
            <td width="58%"><div align="right"><strong>Tour de </strong></div></td> 
            <td width="42%"><div id='tour'><strong><font color='#990000'> 
              Foxbond2            </font></strong></div></td> 
          </tr> 
        </table> 
      </div> 
      <strong>      <span class="bleu"><br>Règle du jeu :</span></strong><br /> 
      Chaque joueur place un jeton de couleur sur la colonne de son choix. Celui-ci coulisse jusqu'à la position la plus basse possible.<br /> 
      Le premier éléphant qui aligne 4 jetons<em> (horizontal / vertical / diagonal)</em> remporte la partie.<br /> 
      Le plus doué gagne 5 écus et les deux éléphants gagnent 1 seul écu en cas de match nul.<br /> 
    Chaque partie remportée vous fait grimper dans le classement des meilleurs joueurs du puissance 4.</div></td> 
  </tr> 
  <tr> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="B1"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="B2"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="B3"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="B4"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="B5"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="B6"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="B7"></td> 
    <td width="160">&nbsp;</td> 
  </tr> 
  <tr> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="C1"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="C2"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="C3"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="C4"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="C5"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="C6"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="C7"></td> 
    <td width="160">&nbsp;</td> 
  </tr> 
  <tr> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="D1"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="D2"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="D3"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="D4"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="D5"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="D6"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="D7"></td> 
    <td width="160">&nbsp;</td> 
  </tr> 
  <tr> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="E1"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="E2"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="E3"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="E4"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="E5"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="E6"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="E7"></td> 
    <td width="160">&nbsp;</td> 
  </tr> 
  <tr> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="F1"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="F2"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="F3"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="F4"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="F5"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="F6"></td> 
    <td width="60" height="66"><img src="Images/Jeux/p4a.png" width="58" height="60" id="F7"></td> 
    <td width="160">&nbsp;</td> 
  </tr> 
  <tr> 
    <td height="80" colspan="8">&nbsp;</td> 
  </tr> 
</table> 
   </body></html>

Suffit de demander :)

21/08/2010, 22h13
llaffont
Code:

1 2 $(this).attr("id");
21/08/2010, 22h22
ingeniomatique

Parfait !
Ca affiche bien l'ID en alerte !

Cependant :

- Sur mon lien ça reste

Code:

url: 'jeup4verif.php?pseudo=foxbond&play='+$picture1,

- Le clic sur une image ne génère plus rien, même pas les 3 alertes.

Merci par avance.
On va y arriver.
21/08/2010, 22h28
Bovino

Citation:

Envoyé par ingeniomatique

- Sur mon lien ça reste

Code:

url: 'jeup4verif.php?pseudo=foxbond&play='+$picture1,

Ca c'est normal ;)

Citation:

Envoyé par ingeniomatique

- Le clic sur une image ne génère plus rien, même pas les 3 alertes.

Il y a des erreurs dans ton script, mais déjà, si tu n'as pas les alert, c'est que l'URL n'est à priori pas bonne.
21/08/2010, 22h31
ingeniomatique

Si si l'url est bonne (jeup4verif.php?pseudo=foxbond&play=E6 par exemple).
Teste sur http://www.tromph.com/jeup4verif.php...oxbond&play=E6

Les alertes devraient arriver comme auparavant où l'URL était la même et j'avais 3 fois UNDEFINED ;)
21/08/2010, 22h36
Bovino

Citation:

Envoyé par ingeniomatique

Les alertes devraient arriver comme auparavant où l'URL était la même et j'avais 3 fois UNDEFINED ;)

Pas faux, effectivement...

Essaye cette alerte :

Code:

alert(data);
21/08/2010, 22h38
ingeniomatique

L'alerte ne s'affiche pas non plus :s

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
 
$.ajax({ 
        url: 'jeup4verif.php',
        data:'pseudo=<? echo "$pseudo"; ?>&play='+picture1,
 		dataType: "json",
        success: function(retourJSON) { 
			alert(retourJSON.donnee1);
			alert(retourJSON.donnee2);
			alert(retourJSON.donnee3);
 
[....]

Essais de poser ton URL comme ça

21/08/2010, 22h40
ingeniomatique

Sans succès non plus. Aucune alerte. :(
21/08/2010, 22h43
llaffont

Citation:

Envoyé par ingeniomatique

Code:

url: 'jeup4verif.php?pseudo=foxbond&play='+$picture1,

picture1 est une variable JAVASCRIPT ou PHP car la je suis pommé.

Si on fait du $(this).attr("id") pour moi c'est du Java.

Et donc play='+picture1

Enfin J'ai trop de sommeil pour être lucide Bon courage.
c'est l'heure du dodo
21/08/2010, 22h47
ingeniomatique

$picture1 variable javascript déclarée précédemment oui ;)

Cependant, même avec

Code:

'+$picture1,

aucune alerte non plus.

Bonne nuit donc ^^
21/08/2010, 22h50
Bovino

Essaye de désactiver ta fonction charge et le setInterval pour voir si l'erreur ne vient pas de là.
21/08/2010, 22h50
llaffont

utilises-tu FireBUG ?

si oui utilises les espions Script et dis nous ce qu'affiche la console.

Car si pas d'alerte pas de success.
Donc rajoute le paramètre error : function(data) {alert(data)}

Bovino corrigera mes erreurs je vais pioter.

Code:

1
2
3
4
5
6
7
8
$.ajax({ 
        url: 'jeup4verif.php',
 	dataType: "json",
 	data: 'pseudo=foxbond&play='+$picture1,
        error: function(xhr,erreur) {alert(erreur)}, 
        success: function(data) { 
alert(data);
...

Bonjour à tous,

J'espère que vous avez bien dormi :)

Enlever CHARGE et SETINTERVAL ne change rien.

Par contre avec le code suivant j'ai bien mes 3 alertes qui reviennent mais... UNDEFINED !!! Comme si le code de jeup4verif.php ne renvoyait pas la bonne chose (test1, test2 et test3) :

Code:

<? echo '{donnee1: "test", donnee2: "test2", donnee3: "test3"}'; ?>

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
<script src="scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">  
$(function(){
 
 $("#conteneur img" ).click(function(){
 var $picture1 = $(this).attr("id");
 
$.ajax({ 
		url: 'jeup4verif.php?pseudo=<? echo "$pseudo"; ?>&play='+$picture1,
 		retourJSONType: "json",
		error: function(xhr,erreur) {alert(erreur)},
        success: function(retourJSON) { 
			alert(retourJSON.donnee1);
			alert(retourJSON.donnee2);
			alert(retourJSON.donnee3);
            $picture1.attr('src', data.data.donnee1);
			document.getElementById('tour').innerHTML.replace(document.getElementById('tour').innerHTML,'data.donnee3');
			document.getElementById('final').innerHTML.replace(document.getElementById('final').innerHTML,'data.donnee2');
			if (data.donnee3!='') {
clearInterval(monInterval);
}  
        }  
    }); 
 });
});
</script>
<script language="javascript">
function charge()
     {
 $.ajax({   
        url: 'jeup4verif2.php',   
        success: function(data) {
		$picture1.attr('data.donnee2', data.donnee1);
		document.getElementById('final').innerHTML.replace(document.getElementById('final').innerHTML,'data.donnee3');
		if (data.donnee3!='') {
clearInterval(monInterval);
}  
        });
	   });
	 });
var monInterval = setInterval(charge, 5000);
</script>

Merci encore par avance.

Voir 40 message(s) de cette discussion en une page