Bonjour, je me mets tout juste à AJAX et je suis les tutos de developpez.com (merci d'ailleurs).

Dans mon cas je crée un formulaire à deux champs texte (pseudo et message), et je souhaite qu'à la validation, une fonction JavaScript envoie les données à une page .php (qui fera des requetes SQL plus tard) en mode POST. En retour de réponse du serveur j'affiche les données envoyées à la page .php dans une boite de dialogue.

Mais pas de boite de dialogue qui s'affiche
Je précise que ma fonction JavaScript est bien appelée.

Voilà le code de la page contenant le formulaire :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
              <form method="post" onsubmit="checkPostLivreDor()" action="">
                <p>Pseudo</p><br />
                <input name="pseudo" id="id_pseudo" type="text" /><br /><br />
                <p>Message</p><br />
                <textarea rows="5" cols="70" name="message" id="id_message" type="text"></textarea><br /><br />
                <input type="submit" value="Poster" />
              </form>
Celui de ma fonction JavaScript :
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
 
function checkPostLivreDor() {
    var xhr = getXhr();
    var pseudo = document.getElementById('id_pseudo');
    var message = document.getElementById('id_message');
    // Fonction de retour de réponse
    xhr.onreadystatechange = function() {
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
		    alert(xhr.responseText);
		}
	}
    // Appel asynchrone
    xhr.open("POST", "/site/requetes/ajoutlivredor.php", true);
    xhr.send("pseudo=" + pseudo.value + "&message=" + message.value);
    return false;
}
Et enfin celui de la page ajoutlivredor.php qui fera plus tard des requetes SQL :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
<?php
        echo "test !";
?>
NB : débutant en AJAX, est-ce ici une bonne utilisation ?