[AJAX] Afficher instantanément les messages des internautes

**darius1000** · 20/11/2012, 00h22

Bonjour,

Je ne connais rien à l'Ajax mais j'aimerais mettre en place deux fonctionnalités qui nécessitent je crois ce type de code.

Premièrement, je crée une page pour une webradio. Une div affiche le titre du morceau entendu actuellement. J'aimerais recharger uniquement le contenu de ce div toutes les x secondes sans actualiser toute la page entière (pour ne pas que la musique s'interrompt). Voici le code contenu dans ce div :

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
 
<div class="texteradio2">
<? 
$ip = "www.media-tchat.org";  
$port = "8000"; 
 
$fp = @fsockopen("$ip", "$port", $errno, $errstr, 30); 
 
if(!$fp) 
{ 
$auditeurs = "0"; 
$places = "0"; 
$etat = "Serveur d&eacute;connect&eacute;."; 
} 
 
else 
{ 
fputs($fp, "GET /7.html HTTP/1.0\r\nUser-Agent: Mozilla/4.0\r\n\r\n"); 
 
while(!feof($fp)) 
{ 
$content .= fgets($fp,128); 
} 
 
fclose($fp); 
$debut = strpos($content, '<body>') + strlen('<body>'); 
$fin = strpos($content, '</body>', $debut); 
$servi = substr($content, $debut, $fin - $debut); 
$option = explode(',', $servi); 
 
if ($option[1] == 0) 
{ 
$auditeurs = "0"; 
$places = "0"; 
$etat = "Aucune source serveur connectée."; 
} 
else 
{ 
$auditeurs = $option[0]; 
$pointe = $option[2]; 
$places = $option[3]; 
$bitrate = $option[5]; 
$titre = $option[6]; 
$etat = "Source connectée serveur connecté serveur Ok !"; 
} 
} 
echo "$titre"; 
 
?> 
</div>

Mon deuxième problème : j'aimerais afficher instantanément les messages (texte qui défile) postés par les internautes dans un champ de texte placé sur la même page. Est-ce que l'Ajax permet cela ?

Merci de votre aide

**Bovino** · 20/11/2012, 08h50

Oui, ce que tu veux faire est possible avec AJAX.

Je ne connais rien à l'Ajax

Alors il va falloir t'y mettre, parce que nous ne sommes pas là pour coder pour toi.

Cours AJAX.

**thelvin** · 20/11/2012, 10h55

Envoyé par darius1000

Mon deuxième problème : j'aimerais afficher instantanément les messages (texte qui défile) postés par les internautes dans un champ de texte placé sur la même page. Est-ce que l'Ajax permet cela ?

"Instantanément" ? Ce sera à mettre à jour toutes les x secondes, comme l'autre. Vraiment instantanément ça reste faisable avec les websockets, mais c'est nettement moins bien géré par les navigateurs et les serveurs.

**darius1000** · 21/11/2012, 01h07

Merci à vous deux pour vos réponses

OK Bovino, je vais apprendre l'Ajax mais peut-être pourrais-tu m'indiquer quel chapitre je dois étudier en premier dans ce vaste site. J'aimerais bien pouvoir mettre en place les éléments avant d'avoir fini de lire la dernière leçon

Thelvin, mettre à jour le div toutes les x secondes est bien suffisant. Je me suis mal exprimé, je ne cherche pas réellement une actualisation instantanée...

**benjyyyyy** · 29/11/2012, 14h44

Pour ton rafraîchissement toutes les x secondes, faudra passer par du setInterval().
Pour rafraîchir juste ton <div>, faudra faire une requête ajax soit par du XmlHttpRequest directement, soit assisté par un frameworks style JQuery qui peut te simplifier un peu l'utilisation du javascript.
http://api.jquery.com/jQuery.ajax/
Mais tu peux pas trop te lancer sans apprendre les bases pour savoir ce que tu fais quand même.
Bon courage.

[AJAX] Afficher instantanément les messages des internautes

AJAX

Vue hybride

Discussions similaires

Partager

Partager