Discussion :

[Melex]

Bonjour,

Il y a quelque chose que je n'avais pas vraiment compris (et vu).

Le fichier dans lequel s'effectue ma requête pour trouver les noms, c'est en fait un fichier XML.

J'ai regardé dans mes livres et sur internet comment construire un bon fichier XML et j'ai modifié mon code de cette façon :

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
echo "<options>";
 
.
.
.
 
$liste = array ("sexe" => $sexe,
		"nom" => $nom,
		"prenom" => $prenom,
		"age" => $age,
		"id" => $id);
 
 
foreach ($liste as $key => $element) {	
 
echo "<personne>";
 
switch ($key) {
 
	case "sexe": 
	{
	echo "<option type='sexe'>".$element."</option>";
	break;
	}
 
	case "nom":  
	{
	echo "<option type='nom'>".$element."</option>";
	break;
	}
 
	case "prenom":  
	{
	echo "<option type='prenom'>".$element."</option>";
	break;
	}
 
	case "age":  
	{
	echo "<option type='age'>".$element."</option>";
	break;
	}
 
	case "id":  
	{
	echo "<option type='id'>".$element."</option>";
	break;
	}
 
}
echo "</personne>";
 
.
.
.
 
echo "</options>";

Mon problème est maintenant il faut que je puisse le lire dan mon fichier.js et l'afficher correctement dans ma page.html

Avant, la lecture du fichier se faisait comme ceci :

Code :

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

1
2
3
4
5
6
7
8
9
// Transformation XML en tableau
function traiteXmlSuggestions(xmlDoc) {
  var options = xmlDoc.getElementsByTagName('option');
  var optionsListe = new Array();
   for (var i=0; i < options.length; ++i) {
    optionsListe.push(options[i].firstChild.data);
  }
  return optionsListe;
}

J'ai lu sur le site qu'il existait la librairie JQuery pour cela. Est-on obligé de l'utiliser ou peut-on faire autrement.

Ou alors le mieux est de ne pas utiliser XML et plutôt JSON.

Qu'en pensez vous ?

[SpaceFrog]

Je pense qu'il faut que tu revoies les bases ???
Tu génères en php un fichier xml ?

quel genre de conversation souhaites tu avoir entre client et serveur ???
si tu veux exploiter du xml recupères le responseXML et exploite le en js ...

si tu veux exploiter du json renvoie juste un chaine formattée et evalues là en js ...

[Melex]

Est-il plus facile d'exploiter du xml ou du json en js ?

Pour mes fichiers, j'ai :
- un fichier.html où se trouve mon champ de recherche
- un fichier.js qui est appelé après la saisie
- un fichier.php qui exécute la requête et qui forme mon fichier XML (code message précédent)
- un autre fichier.html qui affiche le résultat

Pour le fichier qui génère le code XML, peut être qu'il ne faut pas le faire en PHP, je n'ai fait que reprendre le fichier existant dans le tuto du site et l'adapter.

[SpaceFrog]

xml permet de gerer une structure plus complexe mais reste sur des objets xml et du string

json semble plus adapté pour transmettre des données peu "profondes" genre deux ou trois dimensions et l'eval permet de recupérer des objets js ...

[Melex]

D'accord. Je pars sur JSON.

Du coté js je récupère de cette façon:

Code :

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

1
2
3
4
5
6
7
var res = eval('"'+_xmlHttp.responseText+'"')
 
var liste='' 
 
for (Elt in res{
	liste+=Elt+'\t=>'+res[Elt]+'\n'
}

C'est ça ?

Et dans fichier.php qui contient ma requête, la mise en forme est-elle de ce type là (avec la classe Services_JSON)?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
$liste = array ("sexe" => $sexe,
		"nom" => $nom,
		"prenom" => $prenom,
		"age" => $age,
		"id" => $id);
 
//Instancier la classe Services_JSON
$json = new Services_JSON();
 
// Convertir la variable complexe
print $json->encode($liste);

J'espère que j'approche du but ...

[SpaceFrog]

là tu concatènes juste une chaine avec des \t et \n pour mettre dans un alert
tu peux tester :

Code :

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

1
2
3
4
5
6
7
8
9
 
var res = eval('"'+_xmlHttp.responseText+'"')
 
var liste='' 
 
for (Elt in res{
	liste+=Elt+'\t=>'+res[Elt]+'\n'
}
alert(liste)

tu devrais avoir une visualisation du contenu du json

[Melex]

J'ai lancé firebug parce que rien ne s'éxécute et j'ai l'erreur suivante :

Code :

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

1
2
3
missing ; before statement
 
var res = eval('"'+ _xmlHttp.responseText +'"');

Normalement il ne devrait pas y avoir de problème si ?

[SpaceFrog]

Code :

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

1
2
3
4
5
6
7
8
var res = eval('"'+_xmlHttp.responseText+'"')
 
var liste='' 
 
for (Elt in res){
	liste+=Elt+'\t=>'+res[Elt]+'\n'
}
alert(liste)

[Melex]

J'avais bien ce code mais toujours la même erreur.

J'ai donc regardé dans mes bouquins et décidé d'utiliser les librairie externes.

Avec du coté client:

Code :

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

1
2
3
4
5
6
7
8
9
$liste = array ("sexe" => $sexe,
		"nom" => $nom,
		"prenom" => $prenom,
		"age" => $age,
		"id" => $id);
 
$json = array("patient"=>$liste);
$listejson = json_encode($json);
print  $listejson;

Cela me créer bien mon JSON.

Et du coté serveur:

Code :

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

1
2
3
4
5
var nouveauResultat = _xmlHttp.responseText;
var objetJSON = nouveauResultat.parseJSON();
var nom = objetJSON.patient.nom;
var prenom = objetJSON.patient.prenom;
...

Dans firebug j'ai l'erreur suivante :

JSON.parse

à la ligne :

Code :

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

return JSON.parse(this, filter);

Ça vous est déjà arrivé ?

[SpaceFrog]

arf ... je me suis fourvoyé entre quotes et ( ) pour le eval ...

Code :

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

var res = eval( '('+_xmlHttp.responseText+')' )

[Melex]

J'ai déjà essayé cette syntaxe et j'ai aussi erreur ...

missing ) in parenthetical

[SpaceFrog]

c'est que tu as une parenthèse dans le responseText
faut les remplacer par & #40; et & #41;

ou faire un htmlentities en php

[Melex]

je fais un

Code :

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

alert(_xmlHttp.responseText)

et j'obtiens :

{"patient":{"sexe":"Femme","nom":"Dubois","prenom":"Val\u00e9rie","age":44,"id":"8"}}{"patient":{"sexe":"Femme","nom":"Dupond","prenom":"Jeanne","age":29,"id":"2"}}{"patient":{"sexe":"Homme","nom":"Dupond","prenom":"Jean","age":32,"id":"1"}}

Il n'y a donc pas de parenthèses

[SpaceFrog]

ben c'est pas un string au format json ...

ce sont plusieurs jsons les une à coté des autres !!!!!

[Melex]

Ça change tout !

Je dois faire mon eval dans une boucle ??

[SpaceFrog]

tu peux modifier le responseText ?
si oui intercale un séparateur entre chaque json ...
sinon va falloir regExper ...

[Melex]

Oui je peux. Par exemple :

{"patient":{"sexe":"Femme","nom":"Daroussin","prenom":"Vivianne","age":44,"id":"15"}}|{"patient":{"sexe":"Femme","nom":"Dubois","prenom":"Val\u00e9rie","age":44,"id":"8"}}|{"patient":{"sexe":"Femme","nom":"Dupond","prenom":"Jeanne","age":29,"id":"2"}}

C'est suffisant ?

[SpaceFrog]

si tu es sur qu'il n'y aura jamais de | dans les données en retour..
oui
mais par precaution je le doublerais ou triplerais ou mettrais une combinaison *|* ou autre
et du coup splitter dessus

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Nouvelle page 1</title>
<script type="text/javascript">
Tab=new Array()
test='{"patient":{"sexe":"Femme","nom":"Dubois","prenom":"Val\u00e9rie","age":44,"id":"8"}}|{"patient":{"sexe":"Femme","nom":"Dupond","prenom":"Jeanne","age":29,"id":"2"}}|{"patient":{"sexe":"Homme","nom":"Dupond","prenom":"Jean","age":32,"id":"1"}}'
test=test.split('|')
 
var i=-1
while(test[++i]){
 Tab[i]= eval( '('+test[i]+')' ) ;
}
 
alert(Tab[0].patient.prenom)
</script>
</head>
<body>
</body>
</html>

[Melex]

Merci, j'essaye de me dépatouiller avec ça.

[Melex]

J'ai atteins mon premier but merci beaucoup !

Maintenant juste une petite question pour la route,

est-ce que au lieu d'afficher les infos

Code :

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

1
2
3
4
5
6
7
8
9
var nouveauElmt = document.createElement("TR");
_completeListe.appendChild(nouveauElmt);
 
var nouveauElmt = document.createElement("TD");
nouveauElmt.innerHTML = liste[i].patient.nom;
_completeListe.appendChild(nouveauElmt);
var nouveauElmt = document.createElement("TD");
nouveauElmt.innerHTML = liste[i].patient.prenom;
_completeListe.appendChild(nouveauElmt);

comme on le fait souvent avec ajax (puisque c'est de la suggestion de saisie)

je ne pourrais pas plutôt envoyer mon tableau vers une autre page PHP pour un traitement ?

ou comme je l'ai compris, l'interaction entre javascript et PHP est impossible ...