[AJAX] Bug avec un exemple des tutoriaux ajax

**Paco75** · 27/05/2010, 06h08

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

**andry.aime** · 27/05/2010, 11h01

Bonjour,

Bug avec un exemple des tutoriaux ajax

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

).
Alors montres nous ce que tu as fait pour t'aider au lieu d'incriminer le tutoriel.

A+.

**Paco75** · 27/05/2010, 16h24

auteurs.php

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
<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 :

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

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

**Paco75** · 28/05/2010, 03h05

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'

**andry.aime** · 28/05/2010, 08h16

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

Lance cette requête dans phpMyAdmin:

Code sql :

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

SELECT * FROM auteur ORDER BY nom

A+.

**Paco75** · 28/05/2010, 08h25

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

ocumentation
#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.

[AJAX] Bug avec un exemple des tutoriaux ajax

AJAX

Vue hybride

Discussions similaires

Partager

Partager