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

**xillibit** · 19/04/2009, 22h17

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 :

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
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 :

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

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

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

**emmanuel.remy** · 19/04/2009, 22h46

Code :

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

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

**andry.aime** · 20/04/2009, 07h28

Salut,

Code :

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

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);

**xillibit** · 28/04/2009, 14h35

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 :

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
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>

**andry.aime** · 28/04/2009, 15h06

Code :

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

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

**xillibit** · 28/04/2009, 15h19

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.

**andry.aime** · 28/04/2009, 15h39

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

Code :

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

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

**xillibit** · 28/04/2009, 15h45

Merci pour le coup de main, maintenant cela marche

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

AJAX

Discussions similaires

Partager

Partager