[AJAX] chat communication php/ajax

**bracket** · 25/03/2009, 16h24

salut

je veux réaliser un chat dynamique a l'aide de php et ajax, puisque s'est la premier fois je dois tester tout d'abords d'envoyer un message a partir d'une zone de texte, qui doit être afficher sur toutes les pages ouvertes sans recharger la page émettrice pour cela j'est utiliser la page
chatTest.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
55
56
57
58
59
60
61
62
63
64
65
66
 
<html>
<head>
<title>test chat</title>
</head>
<script language="javascript">
// création de l'objet XMLHttpRequest selon le navigateur
 
function getXMLHttpRequest() 
{
	var xhr = null;	
	if (window.XMLHttpRequest || window.ActiveXObject) 
	{
		if (window.ActiveXObject) 
		{
			try 
			{
				xhr = new ActiveXObject("Msxml2.XMLHTTP");
			} 
			catch(e) 
			{
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
		}
		else 
		{
			xhr = new XMLHttpRequest(); 
		}
	}
	else 
	{
		alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");
		return null;
	}
 
	return xhr;
}
 
// envoyer un message;
 
function send()
{
 
	var xhr=getXMLHttpRequest();
	var message=document.form.zoneText.value;
	xhr.open("GET", "http://127.0.0.1/PFE/php/chat/chatTest.php?var="+message, true);
	xhr.send(null);
	alert(message);
}
</script>
<body>
<?php
           
if(isset($_GET["var"]))
{
        echo "<font color=white>";
        echo $_GET["zoneText"];
        echo "</font>";
}
?>
<form class="zoneGlobale" name="form">
<input type="text" class="zoneSaisi" name="zoneText"/>
<input type="button" value="envoyer" class="buttonEnvoyer" onclick="send()"/>
</form>
</body>
</html>

mais rien n'est afficher quand je clique sur le button envoyer sachant que le chemin que "http://127.0.0.1/PFE/php/chat/chatTest.php" est un chemin correcte a 100%;

merci d'avance;

**Bootax** · 25/03/2009, 16h56

Code php :

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

1
2
3
4
5
6
7
 
if(isset($_GET["var"]))
{
	echo "<font color=white>";
	echo $_GET["zoneText"];
	echo "</font>";
}

La variable contenant ce que tu tentes d'afficher s'appelle 'var' et tu essais d'afficher zoneText.

Celà semble plus correct ainsi.

Code php :

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

1
2
3
4
5
6
7
 
if(isset($_GET['var']))
{
	echo "<font color=white>";
	echo $_GET['var'];
	echo "</font>";
}

Sinon, tu peux aussi faire des alert(); pour verifier que que ta var contient bien quelque chose.

Sinon, je ne suis pas sûr que la méthode GET soit la meilleurs à employée dans un cas comme celui-ci.

**Borowsky** · 25/03/2009, 17h04

Ou plutot :

Code :

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

1
2
3
4
5
6
if(isset($_GET["zoneText"]))
{
	echo "<font color=white>";
	echo $_GET["zoneText"];
	echo "</font>";
}

nan ??

Car je ne sais pas ce qu'est "var"... Et j'espère que tu n'écris pas sur une page blanche car une police blanche sur du blanc ça se voit pas beaucoup...

**khayyam90** · 25/03/2009, 17h05

Bien le bonjour,

Il y a quelques soucis de conception de ton chat. Si tu veux que le message entré par une personne soit visible par tous les autres, tu dois obligatoirement stocker les messages sur le serveur pour le envoyer à tous les clients lorsqu'ils t'en feront la demande.

Le principe d'un chat en Ajax est d'avertir le serveur chaque fois que l'utilisateur écrit quelque chose, mais aussi et surtout de demander régulièrement (toutes les secondes ou toutes les 2 secondes) au serveur tous les messages qui se sont dits depuis la dernière synchronisation.

Il te faut donc une page purement côté client contenant les zones de saisie et d'affichage, et le script javascript de synchronisation ; et une page côté serveur pour stocker les messages écrits par les chatteurs et renseigner les clients sur ces messages.

**Bovino** · 25/03/2009, 17h07

Code :

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

1
2
3
4
5
6
7
8
9
function send()
{
 
	var xhr=getXMLHttpRequest();
	var message=document.form.zoneText.value;
	xhr.open("GET", "http://127.0.0.1/PFE/php/chat/chatTest.php?var="+message, true);
	xhr.send(null);
	alert(message);
}

Tu envoies ta requête, mais tu ne fais rien quand elle revient, donc forcément, il ne se passe rien !
Tu ferais bien d'aller faire un petit tour du coté des tutos Ajax

**bracket** · 25/03/2009, 18h27

bonsoir

je sais pas comment vous remercier pour vos réponse, juste une dernier petite question, comment informer le serveur que j'est quelque chose a afficher ou comment lui dire qu'il doit refaire le echo car $_GET contient quelque chose a présent?

merci encore

**Bovino** · 25/03/2009, 19h10

Envoyé par bracket

comment informer le serveur que j'est quelque chose a afficher ou comment lui dire qu'il doit refaire le echo car $_GET contient quelque chose a présent?

merci encore

Comme te l'as indiqué khayyam90, lorsqu'un message est validé, tu envoies une requête Ajax pour la transmettre au serveur.
Pour ce qui est de savoir comment le serveur sait qu'il faut envoyer une réponse, là il faut aller lui demander régulièrement via une autre requête (typiquement avec un setInterval).

**Rei Itchido** · 25/03/2009, 20h08

Je vois que le chat ne sert pas à grand chose...

**bracket** · 25/03/2009, 22h52

Bonsoir

( j'est trouvé que setInterval est une fonction javascript pas PHP) et elle donne comment résultat (recharger la page à chaque période de temps donner écouler), un chat qui recharge la page a chaque message s'est très ancien

, se que j'espérais s'est que mon chat soit dynamique (l'objectif d'utiliser ajax);

merci

**hiul dragonfel** · 26/03/2009, 10h16

bonjour braket tu as peut être besoin de ça.

Code :

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

1
2
3
4
 
//window.setTimeout(referenceToFunction,timeInMilliseconds);
 
window.setTimeout('maFonction()',1000);

pour envoyer ta requète Ajax toutes les x millisecondes.

**DoubleU** · 26/03/2009, 10h37

( j'est trouvé que setInterval est une fonction javascript pas PHP) et elle donne comment résultat (recharger la page à chaque période de temps donner écouler), un chat qui recharge la page a chaque message s'est très ancien , se que j'espérais s'est que mon chat soit dynamique (l'objectif d'utiliser ajax);

SetInterval ne recharge pas la page, elle appelle une fonction passée en argument à intervalle régulier, dans ton cas ta fonction qui va aller chercher les nouveaux messages sur le serveur.

Par ailleurs, entre autres problèmes potentiels qui ont déja été pointés dans les posts précédents, j'ajouterais le fait que tu devrais passer ta requete en POST et non en GET, car suivant la longueur du message, le passer dans l'url risque de causer quelques problèmes.

**bracket** · 28/03/2009, 20h02

bonsoir

merci pour vos réponse

voila d'après se que vous m'avez expliquer setInterval('fonction()', time); sert a exécuter la fonction 'fonction()' dans chaque intervalle de temps=time écouler pour dire au serveur qu'une variable est entrait j'est essayé sa :

Code :

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

1
2
3
4
5
6
7
8
9
 
<script language="javascript">
	function f()
	{
	   document.getElementById("text").innerHTML="<?php      if(isset($_GET[\"var\"])){ echo \"<font color=white>\"; echo \"$_GET[\"var\"]\"; echo \"</font>\";?>}";
	}
	setInterval('f()', 1000);
 
	</script>

est-ce-que d'abitude en fait comme?

[AJAX] chat communication php/ajax

AJAX

Discussions similaires

Partager

Partager