Discussion :

[CyberD]

Bonsoir,

Alors le problème est simple à comprendre :

- Une requête AJAX qui envoie dans ma page de traitement une donnée générée dynamiquement dans une balise cachée (hidden). Cette variable est bien initialisé et contient bien la valeur que je cherche à traiter.

- Une fois dans la page de traitement elle a disparu et ma variable $_POST['index'] dont l'index est identique à celui de ma requête AJAX n'est plus assignée et je me retrouve donc avec un "index undefined". Pour le coup ma requête SQL ne s'exécute pas correctement (?) quoique je face le retour de ma requête AJAX me renvoie sans cesse un résultat vide.

Pour y voir plus clair :

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function getNumberLevel() {
	var plateauId = document.getElementById('id_P');
	alert(plateauId.value);
	var xhr = getXMLHttpRequest();
	xhr.onreadystatechange = function() {
		if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
			alert(xhr.responseText);
			return xhr.responseText;
		}
	};
	xhr.open("POST","Recup_NumberLevel.php",true);
	xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	alert("id_P="+plateauId.value);
	xhr.send("id_P="+plateauId.value);
}

Le alert dans mon callback ne renvoie rien et le return renvoie un foutu "undefined". Les autres montrent bien que ma valeur "plateauId.value" a été récupérée.

Ma page de traitement Recup_NumberLevel.php :

Code php :

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
<?php
try {
	$bdd = new PDO('mysql:host=localhost;dbname=Antibio_Quizz', 'root', 'vegeta26', array(PDO::ATTR_ERRMODE => PDO::ERRMODE_WARNING));
}
catch (Exception $e) {
	die('Erreur : ' . $e->getMessage());
}
$req = $bdd->query('SET NAMES UTF8');
$id = $_POST['id_P'];
$req = $bdd->prepare("SELECT COUNT(*) AS nb FROM niveaux WHERE id_plateau = :id") or die(print_r($bdd->errorInfo()));
		$req->execute(array(
		'id' => $id
		));
$res = $req->fetch();
echo $res['nb'];
$req->closeCursor();
?>

C'est rien de bien sorcier et pourtant...

Si vous avez des pistes ou voyez des erreurs (stupides forcément) que je n'aurai pas détecté....

(Si je le poste dans la partie PHP c'est surtout que j'imagine que le problème vient bel et bien de là, car jusqu'à l'envoie à ma page de traitement, tout se déroule bien du coté JS. )

Merci d'avance

[van-bom]

Bonjour ,

premièrement je ne comprends pourquoi tu utilise l'objet XMLHTTPRequest , avec des bibliothèque comme jQuery c'est plus facile et cross-platform , car la création d'un objet XMLHTTPRequest est différente d'un navigateur à l'autre .

l'erreur 'undefined' veut dire que l'objet xhr n'est pas crée , donc l'attribut responseText n'est pas reconnue.


ton code :

Code :

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

1
2
 
var xhr = getXMLHttpRequest();

le XMLHTTPRequest est une solution crée par microsoft , voici le liens la doc officielle : http://msdn.microsoft.com/en-us/libr...=vs.85%29.aspx .
l'instanciation d'objet xhr :

Code :

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

1
2
 
var xhr = new XMLHttpRequest();

.
mais je te recommande d'utiliser une bibliothèque comme jQuery.
exemple d'un requete ajax donc ton cas )

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function envoyer(){
var id = $('#id_p').value();
var d = "id_p="+id;
$.ajax({
type: "POST",
url:"Recup_NumberLevel.php",
data: d,
success:function(r){
// r contient le resulat de ton script PHP
}
});
}

en plus c'est cross-platfom

[andry.aime]

Bonjour,

@CyberD: Tu ne peux pas faire un return dans une fonction callback d'une requête AJAX en mode asynchrone. Soit tu travailles en mode synchrone, soit tu fais directement le traitement dans le callback. Tu peux nous montrer aussi la fonction getXMLHttpRequest() ?
@van-bom: Utiliser jQuery que pour lancer une requête AJAX est un peu abusif.

A+.

[Bovino]

je ne comprends pourquoi tu utilise l'objet XMLHTTPRequest

Probablement parce que c'est ce qui semble le plus naturel pour initier une requête AJAX...

avec des bibliothèque comme jQuery c'est plus facile et cross-platform

Pas nécessairement. D'une part, ça oblige à apprendre et connaitre les méthodes de la bibliothèque et comme le dit Andry, si c'est juste pour initier une requête, le gain est loin d'être suffisant. D'ailleurs, en regardant le code que tu donnes par la suite, on passe de 14 à 12 lignes pour le script ; en comptant tout le code jQuery à exécuter pour la requête, il n'y a pas photo.

la création d'un objet XMLHTTPRequest est différente d'un navigateur à l'autre

De nos jours, IE6 ne peut plus être considéré comme un navigateur courant, or c'est le seul navigateur pour lequel la création de l'objet XMLHttpRequest est spécifique. C'est d'ailleurs ce que tu montres quelques lignes plus loin.

l'erreur 'undefined' veut dire que l'objet xhr n'est pas crée

Ca dépend où se situe cette erreur. Et dans les explications de CyberD, il est loin d'être flagrant que c'est à la création de l'objet xhr...

@ CyberD : il faudrait nous donner plus de détails sur l'exécution de ton script, notamment pour savoir à quel moment tu perds ton paramètre.

[freddou17]

Slt,

Pourrions nous avoir le résultat de:

Code :

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

echo $_POST['id_P'];

Code :

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

alert("id_P="+plateauId.value);

et juste comme ça

ma variable $_POST['index']

pourquoi parles tu de cette variable, confusion (je pense mais cas ou)??

++