[AJAX] soucis avec un requête ajax basique

**shelko** · 04/03/2010, 01h14

Bonjour,
Je ne suis pa super pro en ajax mais j'ai une requête qui a un soucis et je ne comprend pas pourquoi.
Voilà mon code AJAX pour la requête:

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
 5<script type="text/javascript">
6
7function vals()
8{
9 var obj = document.getElementById("tbox").value;
10 var reqAJAX;
11 if (window.XMLHttpRequest)
12 { reqAJAX = new XMLHttpRequest(); }
13 else {
14 if (window.ActiveXObject('Microsoft.XMLHTTP'))
15 { reqAJAX = new ActiveXObject('Microsoft.XMLHTTP'); }
16 else { alert("Votre navigateur ne supporte pas AJAX");
17 return;
18 }
19 }
20 reqAJAX.open('POST', './valselect2.php',false);
21 reqAJAX.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
22 reqAJAX.send('id='+obj);
23 document.getElementById("inputsignsel2").innerHTML = reqAJAX.responseText;
24}
25</script>

quand je regarde avec firebug il me donne une valeur pour reqAJAX.responseText (un texte) mais il me dit que inputsignsel2 est null est ce que cela vous dit quelque chose.
J'ai cru que c'était un bug j'ai redémarré mon wamp j'ai fermé et ré-ouvert mon navigateur vidé la cache mais rien n'y fait.
Donc si vous avez une idée je suis preneur.

**andry.aime** · 04/03/2010, 06h19

Bonjour,
Y-a-t il un élément ayant l'id "inputsignsel2" dans le document ?

**shelko** · 04/03/2010, 18h39

En fait il n'y a pour le moment qu'un select et un menu qui n'est pas mis en forme.
Donc il n'y a pas d'autres div.
Le pire c'est que c'est une copie d'une autre page qui fonctionne nickel.

**Bovino** · 04/03/2010, 19h52

Tu cherches à afficher le responseText dans l'élément dont l'id est "inputsignsel2" alors que tu sembles dire qu'il n'y a pas d'id "inputsignsel2" dans ta page...
c'est comme si tu demandais à ta femme d'aller te chercher une bière alors que t'as pas de femme... t'es pas prêt d'avoir ta bière

**shelko** · 04/03/2010, 20h34

Dsl j'ai mal lu sa question oui il y a un élément qui porte ce nom lol.
J'avais lu avant au lieu de ayant.
Voilà le code complet de ma page si ça vous parle:

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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<?php
session_start();
include('./conf_serveur.php');
include('./menu.php');
if(!isset($_SESSION['id_user'])){ 
header('location: ./login.php');
}
 
?>
<html>
<head>
<title>Gestion Images/Vidéos</title>
<?php
//$_SERVER["HTTP_USER_AGENT"] : variable donnant le navigateur
$msie='/^MSIE/';
if (preg_match($msie, $_SERVER["HTTP_USER_AGENT"])) {
    //Internet explorer
    //echo"<link rel=\"stylesheet\" href=\"./standard/fr/css/iestyle.css\" type=\"text/css\" />";
} else {
    //Les autres
    //echo"<link rel=\"stylesheet\" href=\"./standard/fr/css/ver1ff.css\" type=\"text/css\" />";
}
?>
 
<script type="text/javascript">
 
function vals()
{
	var obj = document.getElementById("tbox").value;
    var reqAJAX;
	if (window.XMLHttpRequest)
		{ reqAJAX = new XMLHttpRequest(); }
	else {
		if (window.ActiveXObject('Microsoft.XMLHTTP'))
			{ reqAJAX = new ActiveXObject('Microsoft.XMLHTTP'); }
		else { alert("Votre navigateur ne supporte pas AJAX");
			return;
		}
	}
	reqAJAX.open('POST', './valselect2.php',false);
	reqAJAX.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	reqAJAX.send('id='+obj);
	document.getElementById("inputsignsel2").innerHTML = reqAJAX.responseText;
}
</script>
 
</head>
<body>
<?php
echo $menu1;
 
if(isset($_GET['modif']) and $_GET['modif']='ok'){
        ?>
<form name="form1" action="validtbox.php?mod=ok" method="POST">
<label>Nom Tbox : </label><select name="id" id="tbox" onchange="vals()"><option value="">Choisissez une Tbox</option>
<?php
$time=time();
$reqtbox="SELECT * FROM tbox WHERE date_fin>'".$time."'";
echo $reqtbox;
$querytbox=mysql_query($reqtbox) or die (mysql_error());
while($datatbox=mysql_fetch_assoc($querytbox)){
        $selcie='<option value="'.$datatbox['id_tbox'].'">'.$datatbox['nom_tbox'].' -  '.$datatbox['id_tbox'].'</option>';
}
echo $selcie;
 
}
else{
?>
</select><br>
<label>Nom Tbox : </label><input type="text" name="nom_tbox" value=""><br>
<label>Adresse connexion admin : </label><input type="text" name="http_tbox" value=""><br>
<label>Date début souscription : </label><input type="text" name="jour" value=""> / <input type="text" name="mois" value=""> / <input type="text" name="annee" value=""><br>
<input type="submit" name="submit" value="valider">
<?php
}
?>
<div id="inputsignsel2"></div>
</form>
</body>
</html>

**E.Bzz** · 05/03/2010, 09h46

Bonjour,
sans garantie qu'il y ait un lien avec ton problème, il ne faut pas utiliser les termes du langage comme identifiant.
Un exemple là

Code :

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

type="submit" name="submit"

Et une source d'em...brouille potentielle ici

Code :

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

<select name="id" id="tbox"

Sinon, tu as essayé de faire un

Code :

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

alert(document.getElementById("inputsignsel2").innerHTML);

en tout début de ta fonction Ajax ?

A+

**shelko** · 05/03/2010, 11h52

J'ai modifié tous ce que tu m'a dis (même si c'est un copié collé d'une autre page ou j'ai juste modifié le formulaire et qui fonctionne), mais ça ne fonctionne toujours pas.
Donc quelqu'un a d'autres idées je suis preneur, je pense que ça doit être un truc tout bête, mais pas moyen de trouver

**E.Bzz** · 05/03/2010, 11h54

Si tu ne dis pas ce que donnent les tests qu'on te suggère, ça risque pas d'avancer

Envoyé par E.Bzz

Sinon, tu as essayé de faire un

Code :

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

alert(document.getElementById("inputsignsel2").innerHTML);

en tout début de ta fonction Ajax ?

A+

**andry.aime** · 05/03/2010, 11h57

Re,
Montres nous ton code HTML généré pour voir plus claire.

**E.Bzz** · 05/03/2010, 12h04

Envoyé par andry.aime

Re,
Montres nous ton code HTML généré pour voir plus claire.

On verra si le </select> tombe au bon endroit ...

A+

**shelko** · 05/03/2010, 12h11

Désolé de vous avoir fais chercher, mais je viens de trouver.
Mon select n'était pas fermé donc ma div n'était pas prise en compte.

**laurentg2003** · 05/03/2010, 12h11

bonjour,
Juste en passant,pour l'instruction reqAJAX = new XMLHttpRequest(); il manque
l'instruction reqAJAX.overrideMimeType('text/xml');

**E.Bzz** · 05/03/2010, 12h14

Envoyé par E.Bzz

On verra si le </select> tombe au bon endroit ...

Envoyé par shelko

Désolé de vous avoir fais chercher, mais je viens de trouver.
Mon select n'était pas fermé donc ma div n'était pas prise en compte.

A+

[AJAX] soucis avec un requête ajax basique

AJAX

Discussions similaires

Partager

Partager