Discussion :

[Melex]

Bonjour à tous,

J'utilise Ajax pour faire une liste de suggestion. Je m'explique. J'ai un champ de recherche dans lequel je tape le début du nom d'un client.
Dans une iframe située en dessous, j'affiche dynamiquement les noms qui correspondent.
Cependant, je voudrais avoir plus que les noms d'affichés.

Je pensais récupérer les noms en javascript et les transmettre en PHP pour ensuite faire une requête SQL. Mais je crois qu'il est impossible de communiquer entre javascript et PHP.

Ou alors, je peux récupérer déja l'ensemble des informations en javascript (nom, prénom, age) mais pour les récupérer en PHP il faudrait que j'utilise le format JSON, et je ne sais pas comment faire.

Pouvez-vous m'aider ? (N'hésiter pas à me demander une partie de mon code)

Mélanie

[SpaceFrog]

ça s'appelle de l'autocomplétion, ça se fait avec ajax...

[Melex]

Oui je sais bien, c'est que je fais.
J'arrive à afficher une liste de nom dans mon iframe.
J'arrive également à afficher le prénom et d'autres infos, mais pas sous la forme que je souhaite.
C'est pourquoi j'aimerais récupérer ces informations en PHP pour les mettre en forme.
Soit tout récupérer en AJAX et utiliser le format JSON (ou XML je ne sais pas ce qu'est le mieux), soit simplement "envoyer" les noms que je récupère vers mon code PHP.

Comment faut-il faire ?

[SpaceFrog]

json est plus pratique
un eval de la chaine reçue en responseText te donneras un objet json direct

[Melex]

J'utilise le tuto sur l'autocomplétion de développez.com.

Si j'ai bien compris, je doit faire ceci :

Code :

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

var res = eval(_xmlHttp.responseText)

Et ensuite, comment le traiter dans ma page PHP ?

[SpaceFrog]

va

Code :

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

r res = eval('"'+_xmlHttp.responseText+'"')

ensuite res est un objet json

Code :

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

1
2
3
4
5
6
var liste='' 
for (Elt in res{
 liste+=Elt+'\t=>'+res[Elt]+'\n'
}
 
alert(liste)

[Melex]

Et pour lire mon objet JSON en PHP, je dois faire

Code :

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

madiv.innerHTML = liste

et lire lire le contenu de ma div en PHP ?

[SpaceFrog]

heu tu demandais comment recevoir un objet json coté js ... ou coté php ...

en php tu recupères le string et tu en fais un unserialize ...

[Melex]

Donc coté js je fais :

Code :

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

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

et coté PHP :

Code :

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

$mon_resultat = unserialize (res);

C'est aussi simple que ça ? (Je doute que php reconnaisse la variable res, il manque surement quelque chose non ?)

[SpaceFrog]

entre php et js tu ne peux faire transiter que du texte

si ce string est formatté comme un json:
- un eval coté js le transforme en objet json javascript
- un unserialize coté php le transforme en objet json php

[Melex]

Et si j'ai un

Code :

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

_xmlHttp.responseXML

est-ce que je peux le récupérer dans mon code PHP et le traiter ? (mettre dans une requête SQL)

[SpaceFrog]

recupérer un _xmlHttp.responseXML en php est un non sens

le responseXML est reçu coté client c'est le serveur qui l'envoie ...

[Melex]

Oui je mélange un peu tout...

Je vais reprendre.

Pour ma suggestion de saisie j'ai :

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
function callSuggestions(valeur){
  if(_xmlHttp&&_xmlHttp.readyState!=0){
    _xmlHttp.abort()
  }
  _xmlHttp=getXMLHTTP();
  if(_xmlHttp){
    //appel à l'url distante
    _xmlHttp.open("GET",_adresseRecherche+"?debut="+valeur,true);
    _xmlHttp.onreadystatechange=function() {
      if(_xmlHttp.readyState==4&&_xmlHttp.responseXML) {
        var liste = traiteXmlSuggestions(_xmlHttp.responseXML)
        cacheResults(valeur,liste)
        metsEnPlace(valeur,liste)
      }
    };
    // envoi de la requete
    _xmlHttp.send(null)
  }
}

avec

Code :

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

1
2
3
4
5
6
7
8
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;
}

Puis cela s'affiche dans ma page html avec

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
function creeAutocompletionListe(){
  _completeListe=document.createElement("TABLE");
  _completeListe.id="completeTable";
  //document.body.appendChild(_completeListe);
  window.frames['liste_patient'].document.body.appendChild(_completeListe);
}
 
function metsEnPlace(valeur, liste) {
  while(_completeListe.childNodes.length>0) {
    _completeListe.removeChild(_completeListe.childNodes[0]);
  }
  for (var i=0; i < liste.length; ++i) {
    var nouveauElmt = document.createElement("TD")
    nouveauElmt.innerHTML = liste[i]
    _completeListe.appendChild(nouveauElmt)
}

J'aimerais ne pas afficher les réponses, mais les récupérer dans un code PHP pour faire une requête SQL et afficher mon résultat ensuite.

Est-ce possible ? Et si oui, comment dois-je m'y prendre?

[SpaceFrog]

Considère ajax comme un coursier qui va faire des aller retours entre client et serveur pour envoyer et ramener du string ...

un send ajax envoie les données au serveur
tu recupères le resultat du traitement serveur dans le response d'ajax...

donc tu cherches à faire un send au serveur ...
il suffit de concaténer ta chaine string au format json et d'en faire un send au serveur
coté serveur tu recupères le string que tu unserialize et tu as un objet json php à traire comme un array littéral ...
Il te suffit ensuite coté php d'exploiter l'objet json pour concatener ta requete sql..
ensuite exploiter le resultat pour faire un echo d'un string au format json qui sera récupéré dans le responseText que tu evalueras pour faire un objet json coté client que tu pourras exploiter

[Melex]

Donc, dans moin fichier.js, je mets au format json

Code :

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

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

et j'envoie au serveur

Code :

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

_xmlHttp.send(res)

Dans mon fichier.php, je récupère le résultat

Code :

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

$mon_resultat = unserialize (res);

je fais ma requete SQL,

Code :

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

Select ... FROM ... WHERE ...=$mon_resultat

puis

Code :

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

echo unserialize ( $res_de_ma_requete );

et dans mon fichier.js

Code :

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

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

Je suis sur la bonne voie ?

[SpaceFrog]

1) je ne comprends pas pourquoi tu renvoie au serveur ce que tu en recois ...

2) dans le send tu ne peux mettre que du string !!!!

[Melex]

L'Ajax c'est tout nouveau pour moi, j'ai du mal à tout saisir...

Si je fais

Code :

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

1
2
var res = _xmlHttp.responseText
_xmlHttp.send(res)

ça ne sert à rien c'est ça ?

C'est bien le responseText qui contient Dupont, Durand, Dussole ?
Comment faire pour récupérer ces infos dans un autre fichier.php (celui qui va afficher le résultat)

[SpaceFrog]

là tu recupères le retour d'ajax ...

Code :

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

var res = _xmlHttp.responseText

là tu le renvoie au serveur

Code :

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

_xmlHttp.send(res)

?? quel interet ???

genre tu recois un cadeau par la poste et tu cours à la poste pour le reexpédier à son expediteur ...

[Melex]

Ok ok...

Alors je vais réfléchir autrement.

Après ma requête SQL, j'obtiens un tableau avec mes données coté serveur:

Code :

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

1
2
3
4
5
$liste = array ("sexe" => $sexe,
		"nom" => $nom,
		"prenom" => $prenom,
		"age" => $age,
		"id" => $id);

Comment je peut récupérer en JSON (ou XML) un tableau équivalent pour ensuite l'afficher coté client ?

Sachant que pour un tableau non associatif, le code était

Code :

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

1
2
3
4
5
6
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);
  }

[SpaceFrog]

Tu es donc dans le sens php => js ...

première question pourquoi ne pas le faire directement coté serveur en php ...
Tu exploites ton resultat de requete pour rediger le code htlk de la page

Je pense que tu as un souci appréhension de la chronologie ...