[AJAX] Bug avec un exemple des tutoriaux ajax

Version imprimable

27/05/2010, 06h08
Paco75

[AJAX] Bug avec un exemple des tutoriaux ajax

Bonjour,

J'ai essayé un des tutos sur ajax qui est posté sur ce site mais rien a faire ca ne marches pas... les combo box sont toujours vides comme si il n'arrivait pas a accéder la bd!

J'ai pourtant crée la bd test ainsi que les tables tel que mentionnées dans l'exemple et je peut même faire des select sur ces tables dans la console de mysql.

la seule chose que j'ai modifié est le mot de passe mysql car le setup par défaut dans wamp est vide.

j'utilise la dernière version de wamp:

WampServer 2.0i [11/07/09]
Inclus :
- Apache 2.2.11
- MySQL 5.1.36
- PHP 5.3.0

sur Windows Vista avec firefox 3.6.3

ha oui j'oubliais... le tuto que j'essaie est le suivant : http://siddh.developpez.com/articles/ajax/

titre du tuto : Web 2.0, allez plus loin avec AJAX et XMLHttpRequest
27/05/2010, 11h01
andry.aime

Bonjour,

Citation:

Bug avec un exemple des tutoriaux ajax

:sm:
Nombreux ont utilisé ce tutoriel sur le forum et ça marche, ce qu'il y a c'est que quelques un n'arrivent pas à l'adapter selon ses besoins (Comme ton cas :aie:).
Alors montres nous ce que tu as fait pour t'aider au lieu d'incriminer le tutoriel.

:merci:
A+.

auteurs.php

Code:

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
<html>
	<head>
		<title>Tutoriel Ajax (XHTML + JavaScript + XML)</title>
		<script type='text/javascript'>
 
			function getXhr(){
                                var xhr = null; 
				if(window.XMLHttpRequest) // Firefox et autres
				   xhr = new XMLHttpRequest(); 
				else if(window.ActiveXObject){ // Internet Explorer 
				   try {
			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
			            } catch (e) {
			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
			            }
				}
				else { // XMLHttpRequest non supporté par le navigateur 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
                                return xhr;
			}
 
			/**
			* Méthode qui sera appelée sur le click du bouton
			*/
			function go(){
				var xhr = getXhr();
				// On défini ce qu'on va faire quand on aura la 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){
						leselect = xhr.responseText;
						// On se sert de innerHTML pour rajouter les options a la liste
						document.getElementById('livre').innerHTML = leselect;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","ajaxLivre.php",true);
				// ne pas oublier ça pour le post
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				// ne pas oublier de poster les arguments
				// ici, l'id de l'auteur
				sel = document.getElementById('auteur');
				idauteur = sel.options[sel.selectedIndex].value;
				xhr.send("idAuteur="+idauteur);
			}
		</script>
	</head>
	<body>
		<form>
			<fieldset style="width: 500px">
				<legend>Liste liées</legend>
				<label>Auteurs</label>
				<select name='auteur' id='auteur' onchange='go()'>
					<option value='-1'>Aucun</option>
					<?
						mysql_connect("localhost","root","");
						mysql_select_db("test");
						$res = mysql_query("SELECT * FROM auteur ORDER BY nom");
						while($row = mysql_fetch_assoc($res)){
							echo "<option value='".$row["id"]."'>".$row["nom"]."</option>";
						}
					?>
				</select>
				<label>Livres</label>
				<div id='livre' style='display:inline'>
				<select name='livre'>
					<option value='-1'>Choisir un auteur</option>
				</select>
				</div>
			</fieldset>
		</form>
	</body>
</html>

ajaxLivre.php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
	echo "<select name='livre'>";
	if(isset($_POST["idAuteur"])){
		mysql_connect("localhost","root","");
		mysql_select_db("test");
		$res = mysql_query("SELECT id,titre FROM livre 
			WHERE idAuteur=".$_POST["idAuteur"]." ORDER BY titre");
		while($row = mysql_fetch_assoc($res)){
			echo "<option value='".$row["id"]."'>".$row["titre"]."</option>";
		}
	}
	echo "</select>";
?>

Je n'incrimines pas le tutoriel je dis juste que ca marche pas dans mon cas :mrgreen:

28/05/2010, 03h05
Paco75

Personne n'a une idée du problème? Il y a surement quelque chose que je fait qui n'est pas correct mais je ne voit pas ce que c'est... :(

J'ai mis les 2 fichiers dans C:\wamp\www\test et pour tester j'ouvres firefox et je tapes http://localhost/test/auteurs.php

J'ai les composantes qui s'affichent normalement mais la liste Auteur ne contient que le choix 'Aucun'
28/05/2010, 08h16
andry.aime

Re,
As-tu des enregistrements dans la table auteur de ta base "test" ?

Lance cette requête dans phpMyAdmin:

Code:

SELECT * FROM auteur ORDER BY nom

A+.
28/05/2010, 08h25
Paco75

Oui j'ai bien les auteurs crées correctement le select fonctionne.

Juste une remarque quand j'ouvre phpmyadmin j'ai le message suivant:

Erreur

MySQL a répondu:Documentation
#1045 - Access denied for user 'root'@'localhost' (using password: NO)
phpMyAdmin a tenté de se connecter au serveur MySQL, et le serveur a rejeté la connexion. Veuillez vérifier les valeurs de "host", "username" et "password" dans votre configuration et vous assurer qu'elles correspondent aux informations fournies par l'administrateur du serveur MySQL.

et il y a un lien en bas qui dit "Ouvrir une nouvelle fenêtre phpMyAdminOuvrir une nouvelle fenêtre phpMyAdmin" et quand je cliques dessus phpmyadmin ouvres!!! Etrange! Je sais pas pourquoi j'ai ce message... mais bon il semble fonctionner correctement.
31/05/2010, 08h01
Paco75

je suis un peu désespéré la lol personne sait ce qui va pas? :(
31/05/2010, 21h59
Paco75

Bon j'ai trouvé il y a bel et bien une erreur dans le tutoriel... ligne 58 du fichier auteurs.php la ligne devrait être

Code:

<?php

et non

Code:

<?

du moins ca fonctionne quand je le mets comme ça!