[AJAX] Script ajax ne récupére pas les données du script php

Version imprimable

Bonjour,

j'ai un tableau avec des cases à cocher lorsqu'on clique sur envoyer cela transmet la valeur choisie à un script php qui doit renvoyer quelque chose. Mais le souci c'est que le responseText est vide, sans l'ajax cela fonctionne.
La partie avec le formulaire et les cases à
cocher :

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
<html><head>
 
<title></title> <script language = "JavaScript" type = "text/javascript">
  function ajax()
{
    var xhr=null;
 
    if (window.XMLHttpRequest) { 
        xhr = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) 
    {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() { alertContents(xhr); };
 
 
 
 
    //on appelle le script php
    xhr.open("GET", "http://localhost/joomla_K1.0/components/com_kunena/template/default/poll_save_datas.php", true);
    xhr.send(null);
}
 
function alertContents(xhr) {
        if (xhr.readyState == 4) {
 
                alert(xhr.responseText);
 
        }
 
    }
 
 
 
</script>
 </head>
<body><!--  -->
<div id="moncadre"><form method="get" onSubmit="javascript:ajax();" action="">
 
<?php $number = "3";
echo "<div id=\"moncadre1\">titre du sondage :</div>";
for($i=0; $i < $number;$i++)
{
  echo "<div id=\"moncadre2\">Un nom".$i."<input type=\"radio\" name=\"radio\" value=\"Un nom".$i."\"/></div>";
}
echo "<div id=\"moncadre1\"><input type=\"submit\" value=\"Voter\" /><input type=\"button\" value=\"Résultats\" /></div>";
   ?>
 
</form></div>
 
</body>
</html>

La partie php :

Code:

1
2
3
4
$datas = $_GET['radio'];
if(isset($datas)){
  return $datas;
}

Je voudrais savoir d'ou vient mon problème, merci d'avance.

19/04/2009, 22h46
emmanuel.remy

Citation:

Code:

xhr.open("GET", "http://localhost/joomla_K1.0/components/com_kunena/template/default/poll_save_datas.php", true);

Tu ne passes pas tes paramètres des radiobuttons. Ils doivent être associés dans l'URL (en GET)

ERE

Salut,

Code:

1
2
var data=document.forms[0].elements['radio'].value;
xhr.open("GET", "http://localhost/joomla_K1.0/components/com_kunena/template/default/poll_save_datas.php?radio="+data, true);

J'ai modifié mon code avec la solution que vous m'avez proposé, mais l'autre problème est que "alert(xhr.responseText);" renvoie bien une alert mais qui est vide. Pourtant la variable data contient bien quelque chose, je ne vois pas d'ou cela peut provenir.

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
<html><head>
 
<title></title>
  <script language = "JavaScript" type = "text/javascript">
  function ajax()
{
    var xhr=null;
    var data = document.getElementById('toto0').getAttribute('value');
    alert(data);
 
    if (window.XMLHttpRequest) { 
        xhr = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) 
    {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() { alertContents(xhr); };
 
 
 
 
    //on appelle le fichier reponse.txt
    xhr.open("GET", "poll_save_datas.php?radio="+data, true);
    xhr.send(null);
}
 
function alertContents(xhr) {
        if (xhr.readyState == 4) {
 
                alert(xhr.responseText);
 
        }
 
    }
 
 
 
</script>
 </head>
<body><!--  -->
<div id="moncadre"><form onSubmit="javascript:ajax();" >
 
<?php $number = "3";
echo "<div id=\"moncadre1\">titre du sondage :</div>";
for($i=0; $i < $number;$i++)
{
  echo "<div id=\"moncadre2\">Un nom".$i."<input id=\"toto".$i."\" type=\"radio\" name=\"radio\" value=\"Unjjjjjjjnom".$i."\"/></div>";
}
echo "<div id=\"moncadre1\"><input type=\"submit\" value=\"Voter\" /><input type=\"button\" value=\"Résultats\" /></div>";
   ?>
 
</form></div>
 
</body>
</html>

Code:

1
2
3
if(isset($_GET['radio'])){
  echo $_GET['radio'];
}

28/04/2009, 15h19
xillibit

J'avais fait quelque chose de similaire, mais après exécution du script php je reçois bien une alert mais qui ne contient pas de texte.

N'utilise pas submit avec ajax car cela recharge la page l'appel ajax ne sera pas executé.
Utilise un simple bouton.
Code:

1 2 3 <form> ...... echo "<div id=\"moncadre1\"><input type=\"button\" value=\"Voter\" onclick=\"ajax()\"/><input type=\"button\" value=\"Résultats\" /></div>";

28/04/2009, 15h45
xillibit

Merci pour le coup de main, maintenant cela marche