Bonsoir,
J'ai emprunter y a quelques jours un livre à la bibliothèque de la ville sur l'AJAX.
J'en suis à la lecture de fichiers texte, mais ça fonctionne pas.
Voici le code :
test.html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Liste de clients avec 4 informations - Tutoriel AJAX</title>
</head>
<body>
<script type="text/javascript" src="test.js"></script>
<table border="1">
<tr>
<th width="25%" onclick="getData()">Nom :</th>
<th width="25%">Prénom :</th>
<th width="25%">Age :</th>
<th width="25%">Date de naissance :</th>
</tr>
<tr>
<td width="25%"><div id="name"></div></td>
<td width="25%" id="Firstname"></td>
<td width="25%" id="Age"></td>
<td width="25%" id="Birthday"></td>
</tr>
</table>
</body>
</html>
client.txt :
{ Name: Nom Firstname: Prénom Age: 0, Birthday: 01/01/1900 }
function getData()
{
/*Appel sous IE6 et -*/
//var queryAJAX = new ActiveXObject('Microsoft.XMLHTTP'); //Objet ActiveXObject
/*Appel sous IE7 et + et FireFox*/
var queryAJAX = new XMLHttpRequest();
queryAJAX.open('GET', 'client.txt', false); //Connexion HTTP vers une source de données
queryAJAX.send(null); //Envoie de la requête
var data = queryAJAX.responseText; //Récupère le contenu du fichier texte (responseXML pour un document XML)
var Name = document.getElementById('name');
Name.innerHTML = data.Name;
}
J'explique le problème, data.Name renvoi : Undefined au lieu de renvoyer la valeur de la propriété Name du fichier texte.
Et si je fais comme dans le livre c'est à dire que je rajoute un eval pour la variable data, ben là y a rien du tous, date est vide, alors que là si je remplace par exemple data.Name par data, il affiche bien le contenu du fichier texte précédemment lus.
Merci d'avance pour votre aide.