simple affichage avec Ajax.Request ne fonctionne pas [Résolu]

[karimphp]

bonjour tout le monde
avant de poster ici j'ai fait pas mal de test sur un petit script qui va envoyer des donneés a une page php et retourner une alert javescript pour tester le l'execution j'est bien telechargé la bibliotheque prototype.js et cette fonction ca marche dans une page mais dans une autre page ne marche je sais pas vraiment ou ce trouve l'erreur meme j'ai fait un copier collé de la page qui fonctione correctement je suis perdut aidez moi svp a trouver l'erreur
voila le script qui ne marche pas

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<script language="javascript" src="../fonjs/prototype.js"></script>
<script type="text/javascript">
function ajouter()
{
reference=document.getElementById('reference').value;
nomarticle=document.getElementById('nomarticle').value;
new Ajax.Request(
	'ajout_version2.php',
	{
		method: 'get',
		parameters: {idreference: reference, idnomarticle: nomarticle},
		onSuccess: function(xhr.responseText),
		onFailure: function() { alert('Requête échouée.') }
	}
);
}
</script>

page ajout_version2.php

Code :

1
2
3
4
5
 
<? 
// juste pour tester l'affichage
echo"<script type='text/javascript'>alert('salut');</script>";
?>

mon formulair

Code :

1
2
3
4
5
6
7
8
 
<form>
<div id="message"></div>
<input name="reference" id="reference" type="text" class="searchinput" size="20" value="" />
<input name="nomarticle" id="nomarticle" type="text" class="searchinput" size="20" value="" />
<textarea name="description" id="description" cols="45" rows="5" class="searchinput"></textarea>
<input name="ajouter" type="button" id="submit" value="Ajouter" class="title3" onclick='ajouter()' onMouseOut="this.style.cursor='defaulft'" onMouseOver="this.style.cursor='pointer'"/>
</form>

c'est n'est plus simple que ce bout de code qui n'affiche pas l'alert de la page ajout_version2.php je suis perdut
merci d'avance

[E.Bzz]

Bonjour,
pas sûr de ta syntaxe pour la récupération du xhr.responseText, mais je pense qu'il faudrait enlever les balises <script> de la réponse (en ne laissant que l'alert() ).

A+

[karimphp]

salut j'ai eliminé les balises <script> et </script> de la page php mais toujour pas d'affichage dans la reponse. cette fonction n'a meme pas etre executé je sais c'est quoi le probleme avec ajax.Request
si j'elimine cette bloc et fair un simple apel a la fonction simple ajouter ca m'affiche bien le contenu de champs reference

Code :

1
2
3
4
5
6
7
 
function ajouter()
{
reference=document.getElementById('reference').value;
nomarticle=document.getElementById('nomarticle').value;
alert(reference);
}

alors le probleme est dans la methode Request

Code :

1
2
3
4
5
6
7
8
9
10
 
new Ajax.Request(
	'ajout_version2.php',
	{
		method: 'get',
		parameters: {idreference: reference, idnomarticle: nomarticle},
		onSuccess: function(xhr.responseText),
		onFailure: function() { alert('Requête échouée.') }
	}
);

merci d'avance

[E.Bzz]

Modifie ton script PHP pour qu'il renvoie uniquement 'OK'
Puis essaye

Code :

onSuccess: alert(xhr.responseText),

Tu verras si c'est ta syntaxe "function(xhr.responseText)" qui pose problème ...

A+

[karimphp]

salut j'ai bien changé ce que tu m'a dit

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
function ajouter()
{
reference=document.getElementById('reference').value;
nomarticle=document.getElementById('nomarticle').value;
new Ajax.Request(
	'ajout_version2.php',
	{
		method: 'get',
		parameters: {idreference: reference, idnomarticle: nomarticle},
		onSuccess: alert(xhr.responseText),
		onFailure: function() { alert('Requête échouée.') }
	}
);
}

page ajout_version2.php

Code :

1
2
3
4
 
<?
echo "salut";
?>

et comme toujour pas d'execution de code pas d'alert affiché qui contien le mot salut . ce code et le formulaire se sont dans une popup ca n'influence pas ?

[kangaxx]

Ce n'est pas bon ca... Pour tester il faut que tu mettes ca :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function ajouter()
{
reference=document.getElementById('reference').value;
nomarticle=document.getElementById('nomarticle').value;
new Ajax.Request(
	'ajout_version2.php',
	{
		method: 'get',
		parameters: {idreference: reference, idnomarticle: nomarticle},
		onSuccess: function(xhr) { alert(xhr.responseText) },
		onFailure: function() { alert('Requête échouée.') }
	}
);
}

Sinon il va essayer d'éxécuter l'alert avant meme de recevoir la réponse.

Le fait qu'il soit dans un popup ne change rien non

[karimphp]

merci beaucoup pour vos reponse ca fonctionne enfin good j'ai bien compris l'erreur maintenant