[AJAX] Passage de variables

Version imprimable

26/10/2010, 15h22
mmarce

[AJAX] Passage de variables

Bonjour,

J'imagine que c'est très basique pour la plupart d'entre vous, mais j'essaie de mettre en place un modeste chat Ajax/PHP pour mon site et je rencontre un souci ...

Pour le moment, en visible,
J'ai une page "test.php" qui englobe 2 divs rafraîchis toutes les 5 secondes :
- liste des connectés (statut géré avec load et unload, ça marche bien)
- conversations (affiche juste le nom des connectés avec qui on a ouvert une conversation privée)

J'aimerais qu'au clic sur le nom d'un connecté (dans le DIV de la liste des connectés), une page "ins_conversation.php" (qui gère les contrôles et la création d'une nouvelle conversation entre 2 membres et qui est déjà développée) soit appelée, ce qui permettrait ainsi à ma DIV des conversations d'afficher le nom de la personne avec qui on souhaite parler.

Si mes explications ne sont pas claires, pour vous représenter l'affaire, imaginez une liste des connectés dans une colonne gauche, et sur la droite une liste d'onglets avec le nom des connectés avec qui ont discute (DIV conversations) et en dessous l'espace pour afficher et envoyer les messages (qui viendra ensuite).

Quelqu'un pourrait-il m'aiguiller ?

Merci !

Je précise quand même que ma page "ins_conversations.php" a besoin de l'identifiant du connecté à qui l'on veut parler pour pouvoir ajouter la conversation en base de données.

Je souhaite donc qu'au clic sur le nom d'un connecté dans la liste, un appel équivalent à "ins_conversation.php?idmembre=$var" mais invisible, se produise !

J'ai donc testé une fonction avec un appel à la page via une requête xmlhttprequest, mais rien ne se passe...

Voici mon code :

Côté html/php

Code:

echo "<a href='javascript:conv(".$idmembre.");'>".$data_connectes['Li_membre']."</a>

Côté javascript/ajax
Code:

1 2 3 4 5 6 7 8 9 <script language="text/javascript"> function conv(id){ try{var requete_ajax = new ActiveXObject("Microsoft.XMLHTTP");} catch(e){var requete_ajax = new XMLHttpRequest();} var conv = id; requete_ajax.open('GET', 'ins_conv.php?conv='+conv, true); requete_ajax.send(null); } </script>

27/10/2010, 11h14
RomainVALERI

Plusieurs remarques en passant :

> la propriété href n'est pas faite pour insérer du JS : utilise onclick et enlève la mention "javascript:"

> utiliser une structure try/catch pour faire un if/else me semble inutile et dangereux... ton code suppose que l'utilisation d'un autre navigateur qu'IE est une *erreur inattendue* ??! 8O (moi qui croyais que c'était IE qui était une erreur... :aie:)

Citation:

J'ai donc testé une fonction avec un appel à la page via une requête xmlhttprequest, mais rien ne se passe...

Quel événement attends-tu après cet appel ? (parce qu'étant donné qu'il n'y a pas de traitements prévus au retour (que l'on écrit habituellement dans le code de définition de la propriété onreadystatechange de l'objet de transport), l'appel AJAX va peut-être effectivement exécuter une page PHP sur le serveur qui pourra y déclencher différentes actions, notamment des interactions avec ta BDD, mais il est normal que rien ne se passe dans le navigateur du client ^^
Dans le doute, montre-nous un peu le code de ta partie AJAX, sait-on jamais...

Merci Romain pour ta réponse-question et tes remarques.

J'ai finalement pu trouver ma solution... l'erreur venait d'une fermeture de condition oubliée dans le fichier PHP qui faisait planter l'ensemble naturellement. Le javascript n'était pas concerné !

J'ai finalement utilisé ce script :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script language="javascript">
 
    function mafonction (args){    	
      var _data = "mavar="+args;
      var xhr_object = null;                 	
    	if(window.XMLHttpRequest){xhr_object = new XMLHttpRequest();}
    	else if(window.ActiveXObject){xhr_object = new ActiveXObject("Microsoft.XMLHTTP");}
    	else { 
    	 alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
       return; 
    	} 
    	xhr_object.open("POST", "mapage.php", true);
    	xhr_object.onreadystatechange = function() {                
        if(xhr_object.readyState == 4) {         
          //eval(xhr_object.responseText);
        }
    		return xhr_object.readyState;
    	} 
    	xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    	xhr_object.send(_data);                                                                 
    }   
 
    </script>

J'ai placé l'eval en commentaire car ma page PHP ne renvoie pas de réponse particulière pour le moment (elle exécute un insert qui se voit immédiatement par ailleurs, dû au rafraîchissement des DIVs)