Discussion :

[Delack]

Bonjour à tous,

Voila, c'est ma toute première dans le domaine d'AJAX, et j'ai appris son fonctionnement il n'y que très récemment.

J'ai voulu donc appliquer cette technologie à mon projet. le souci, c'est que je n'arrive pas à afficher le contenu de mon objet xhr.

Je m'explique :
J'ai un fonction qui me permet de receptionner les informatiques que le serveur m'envoie

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
function AjaxReception (nomfic, typefic, uneFonction) {
 
  //--- propriétés ---
  xhr = Ajax() ;        // variable de connexion ajax
 
  //--- si l'objet est construit, creation de la méthode de récupération ---
  if (xhr) {
    //--- réception du serveur ---	   
    xhr.onreadystatechange = function () {
      if (xhr.readyState == 4 && xhr.status == 200) { 
	      if (typefic=="XML") {
          uneFonction(xhr.responseXML) ;
			  } else {
          uneFonction(xhr.responseText) ;
			  }
		  }
	  }
    xhr.open("GET", nomfic, true) ;  
    xhr.send(null) ;
  }
 
}

Et voici l'appel de AjaxReception :

Code :

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

1
2
3
    document.getElementById("txtRecherche").onchange=function() {
      AjaxReception("recherche.php","XML",CreationTableau);
  }

Donc, ce que je souhaite faire, c'est qu'à chaque changement de contenu dans mon Input text avec l'id "txtRecherche", j'apelle le serveur, et lui demande d'executer la page recherche.php et Creation tableau.

Voici les 2 extraits de code :
pour recherche.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
<?php
// Fichier de configuration pour l'interface PHP     
  $server = "...";
  $port = "389";  
  $rootdn = "..."; 
  $rootpw = "...";
//vérifier d'abord que le texte à rechercher est rempli avant d'établir la connexion ldap
if(isset($_GET["txtRecherche"]) AND (!empty($_GET["txtRecherche"]))){
 
//----------------------Connexion avec la serveur LDAP--------------------------
 
$connect=ldap_connect($server); 
 
if ($connect) {
//------------------------------Authentification--------------------------------     
   $ident=ldap_set_option($connect,LDAP_OPT_PROTOCOL_VERSION,3);
   $ident=ldap_bind($connect,$rootdn,$rootpw);
// -------------------------Recherche dans l'annuaire--------------      
   if ($ident){  
      
      $search=ldap_search($connect,"ou=people,dc=fresnel,dc=fr","uid=*".$_GET["txtRecherche"]."*"); 
      $nbLigne=ldap_get_entries($connect,$search);
 
 
 
  echo"<table class='table th'>";
  echo "<tr>";
  echo"<th>Nom</th><th>Prénom</th><th> Statut</th><th>Date d'arrivée</th><th>E-mail</th> </tr>";
  for($i=0; $i<$nbLigne["count"]; $i++){
      $uid_separer=explode(".",$nbLigne[$i]["uid"][0],2);
      echo"<tr>";
          echo"<td>";
          //echo "<a href=Traitement.php?user=".$nbLigne[$i]['uid'][0].">".$uid_separer[1]."</a>";
          echo"</td>";
          echo"<td>";
          echo $uid_separer[0];
          echo"</td>";
            echo"<td>";
          echo $nbLigne[$i]["statut"][0];
          echo"</td>";
           echo"<td>";
          echo $nbLigne[$i]["arrivaldate"][0];
          echo"</td>";
           echo"<td>";
          echo $nbLigne[$i]["mail"][0];
          echo"</td>";
      echo "</tr>";
  }
  echo "</table>";
  }
}
} 
 
?>

Et voici le code de CreationTableau :

Code :

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

1
2
3
4
  function CreationTableau(Contenu){
    document.getElementById("divTableau").innerHTML=Contenu;
    alert(Contenu);
  }

En faisant un alert sur Contenu, celui-ci m'indique "null".
Ce que j'aimerai, c'est savoir comment afficher le contenu de mon tableau de recherche.php avec l'objet xhr...

Je ne sais pas si j'ai été trés clair... si ca ne l'est pas, n'hesitez pas à me le dire !

[E.Bzz]

Bonjour,

En faisant un alert sur Contenu, celui-ci m'indique "null".

et si tu fais cet alert() avant, dans le onreadystatechange, est-ce que le responseText (ou responseXML) contient ce que tu attends ?

A+

[Bovino]

Code :

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

uneFonction(xhr.responseXML)

uneFonction est un paramètre de ta fonction, tu ne peux pas l'utiliser comme une fonction littérale...

[hornetbzz]

ta fonction "UneFonction" est une fonction de callback. (Relis les tutos)

En l'occurrence, si j'ai bien lu en diagonale, ta fonction de callback serait "CreationTableau(Contenu)".

Donc, juste pour une orientation, il te faut APPELER cette fonction sans quoi il ne va pas se passer qg chose :

Code :

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

1
2
3
4
5
6
7
8
9
10
//--- réception du serveur ---	   
    xhr.onreadystatechange = function () {
      if (xhr.readyState == 4 && xhr.status == 200) { 
	      if (typefic=="XML") {
          CreationTableau(xhr.responseXML) ;
			  } else {
          CreationTableau(xhr.responseText) ;
			  }
		  }
	  }

Mais il va maintenant te falloir adapter cette fonction selon tes besoins pour que cela fonctionne.

[Delack]

Salut à tous,

D'abord merci de votre aide.

Ensuite, concernant le paramètre UneFonction... non justement, si je passe par ce principe, c'est que je veux bien mettre une fonction en paramètre, afin de conserver ma fonction AjaxReception qui pourra servir à différents traitements. Donc c'est bien voulu...

J'ai tester en faisant un alert dans le onreadystatechange, la boite s'affiche, mais rien n'apparait, pas un seul mot... preuve qu'il récupère bien quelque chose ou bien rien du tout ? car enfaite je récupère un tableau que je souhaite ensuite afficher...

Voila voila

PS : apparement, on me dit qu'il faudrait utiliser la méthode AppendChild pour l'integrer dans l'arbre du DOM... donc je dois changer le code de ma fonction CreationTableau en utilisant cette méthode... je vais essayer de trouver

[Bovino]

Essaye avec call :

Code :

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

uneFonction.call(this, xhr.responseText);

[Delack]

Merci Bovino mais malheuresement... cela ne fonctionne toujours pas... j'essaie d'utiliser la méthode AppendChild mais... je saisi mal son fonctionnement...

Apparemment il y aurait 2 façons de l'utiliser :

Code :

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

1
2
var unObjet = document.createElement("div")
unObjetConteneur.appendChild(unObjet)

Ou alors :

Code :

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

document.getElementById(unId).appendChild(unObjet)

Dans les 2 cas, il faudrait utiliser unObjet... j'ai tester mais... il y a une chose que je ne saisie pas... où utiliser mon paramètre "Contenu" qui contient justement les informations que je souhaite afficher... j'ai un peu de mal je dois l'avouer

[E.Bzz]

Ce que tu cherches n'est-il pas déjà dans la FAQ ?

A+

[Delack]

Ok... j'y vois un peu plus clair maintenant.
Donc je dois créer un conteneur et dedans, y mettre le contenu si j'ai bien suivi...

Le seul souci, c'est que je créer mon tableau coté serveur, et je me demande alors si je dois le créer du coup en Javascript ou bien si je peux le construire coté serveur (je ne sais pas quel est la meilleur solution...).
Car si je peux le construire coté serveur, je n'ai qu'a créer une div de contenu alors ?
sinon je dois alors le créer en javascript mais... il faut que je précise chaque element de mon tableau alors (les balises tr, td, th etc...) ?

Encore merci pour ces éléments, je vais me focaliser dessus.

[E.Bzz]

je me demande alors si je dois le créer du coup en Javascript ou bien si je peux le construire coté serveur (je ne sais pas quel est la meilleur solution...).

Le serveur ne peux pas (directement) manipuler le DOM de la page.
La "construction" doit se faire en Javascript (comme le montre la FAQ ).

Ton serveur doit simplement envoyer à la page toutes les informations nécessaires à la construction du tableau.
Via JSON, par exemple ...

A+

[Delack]

Ok je vois... je vais creuser de ce coté là donc je vous tiens au courant et encore merci pour ces informations ( meme si certaines me sont inconnues )

[Delack]

Bon... aprés avoir lu plusieurs articles et tutos sur differents sites... je me suis aperçu que je faisait fausse route... Je pense avoir cerner le probleme... et je pense que la solution n'est pas trés compliqué... mais étant donné que je n'ai jamais fait d'Ajax (c'est ma toute première), c'est difficile d'assimiler en même temps toutes ces pratiques.

appendChild permet d'ajouter un objet soit déjà présent dans la page, soit créé en javascript. Ici ce n'est pas le cas car "DivTableau" existe déjà

Quand je tente de faire un alert(Contenu), je ne vois aucun texte... même pas le mot null mais un vide total lors de l'apparition de la boite de dialogue.
Je ne sais pas si cela est forcement bon signe... mais j'ai de fort doute de parier sur le contenu de "Contenu" justement...

De plus, j'ai testé l'attribut "innerHTML" et lorsque je rempli ma boite de texte, et bien le tableau disparait... preuve que "Contenu" ne contient rien justement... alors je me demande si en passant mon paramètre "UneFonction" dans la méthode AjaxReception, celle-ci prends bien en compte CreationTableau (normalement oui... car sinon je ne pourrai même pas voir les alert sur ma page...à ou plutôt... si lors de la l'appelle de UneFonction(xhr.responseText), celle-ci est bien remplacer par : CreationTableau(xhr.responseText), et si justement, "Contenu"=xhr.responseText ??
Je pense ne pas être très loin... mais c'est juste le problème du paramètre "Contenu"... si quelqu'un aurait une idée...

Encore merci.

[hornetbzz]

repostes ton code sinon on n'y comprend plus rien

[E.Bzz]

J'ai tester en faisant un alert dans le onreadystatechange, la boite s'affiche, mais rien n'apparait, pas un seul mot... preuve qu'il récupère bien quelque chose ou bien rien du tout ?

Rien du tout

Il doit y avoir (aussi ?) un problème au niveau de ton PHP.

Pour débugger cette partie là, essaye de taper dans la barre d'adresse de ton nav, l'url appelée par Ajax (avec les bons paramètres, bien sûr).
Tu auras à l'écran ce que récupère Ajax (le contenu du responseText) ...

A+

[Delack]

En effet E.Bzz, lorsque je tape : http://localhost/interface%20LDAP/recherche.php

J'ai une jolie page blanche avec... rien du tout

Je vais voir ce qui cloche donc... car ce n'est pas très normal...

[Delack]

Ok... ca marche... enfin
merci pour tout en tout cas... j'ai juste un dernier petit souci mais rien de bien mechant, par contre je ne vois par pourquoi...

Sur ma page recherche.php j'ai :

Code :

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

1
2
 //ligne 21  
   $search=ldap_search($connect,"ou=people,dc=fresnel,dc=fr","uid=*".$_GET["txtRecherche"]."*");

mais il me dit que j'ai une erreur sur celle ci...
message d'erreur : Notice: Undefined index: txtRecherche in C:\wamp\www\Interface LDAP\recherche.php on line 21
pourtant je suis bien en mode GET... je ne vois pas...

[E.Bzz]

je ne vois pas...

Moi non plus : PHP c'est pas ma partie

A+

[E.Bzz]

... Mais si tu le remplaces par un bout de texte "en dur", ça corrige ?

A+

[Delack]

Ah vi... je vais voir sur un autre forum du coup.
Et encore merci pour tout

PS : Oui oui biensur... sa marche parfaitement avec un bout de text en dur
PS2: Heu... vous ne saurez pas vers quel forum je peux me tourner pour cette question ? je crois PHP mais bon...

[Bovino]

Code :

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

1
2
3
document.getElementById("txtRecherche").onchange=function() {
      AjaxReception("recherche.php","XML",CreationTableau);
}

Tu n'envoies pas de paramètre txtRecherche