[AJAX] chargement à l'infini et page blanche

**crozet.magenta** · 01/02/2013, 19h29

Bonjour,
j'essaye de faire un chat en php + javascript/ajax
pour ajouter un message, pas de souci, ça fonctionne par contre, j'ai un souci lors de la recherche de nouveaux messages.
pour cela, j'envoie une requête ajax sur la page des messages toutes les 10 secondes.
Le problème c'est que à l'ouverture de la page, la page reste blanche et charge indéfiniment puis j'ai un message de firefox

Envoyé par firefox

Un script sur cette page est peut-être occupé ou ne répond plus. Vous pouvez arrêter le script maintenant ou attendre pour voir si le script se terminera.

que je fasse continuer ou arrêter, le résultat est le même et la page continue à se charger puis le même message apparaît.

Voici le code que j'ai utilisé :

Code HTML :

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
<script type="text/javascript">
        window.onload=chat();
        function refresh(file) {
                var xhr = new XMLHttpRequest();
                xhr.open('get', file);
                xhr.onreadystatechange = function(){
                        if(xhr.readyState == 4 && xhr.status == 200){
                                document.getElementById('chat').innerHTML = xhr.responseText;
                        }
                };
                xhr.send(null);
        }
        function envoi(){
                var texte = "chat_msg.php?add=" + document.getElementById('texte').value;
                refresh(texte);
                return false;
        }
        function chat(){
                var texte = "chat_msg.php";
                refresh(texte);
                setTimeout(chat(), 10000)
        }
</script>
<div id='chat'></div>
<form>
<textarea id="texte" rows="3" cols="10">message</textarea>
<input type="button" value="envoyer" onclick="envoi();"/>
</form>

Le fichier chat_msg.php contient ceci :

Code php :

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

1
2
3
4
5
6
7
8
<?php
if (isset($_GET['add'])){
	$msg = utf8_decode($_GET['add']);
	$msg.= "<br>";
}
$msg .= "coucou ceci est un message de test";
echo $msg;
?>

c'est juste en test pour le moment, c'est normal que la page chat_msg.php soit si basique

**SylvainPV** · 01/02/2013, 19h49

Bonjour,

Peut-on avoir la totalité du code source de la page générée ? (pas de PHP)

En attendant essaie ça:

Code :

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

1
2
3
window.addEventListener("load", function(){
   chat();
});

au lieu de window.onload=chat();

**crozet.magenta** · 01/02/2013, 20h34

ben non je peux pas voir le code source pendant le chargement de la page (au passage, la page fait planter firefox et je suis obligé de l'arrêter de force) mais j'ai fait un copier coller intégral de la page html que j'ai faite, j'ai juste retiré ceci :

Code HTML :

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

1
2
3
4
5
6
7
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>chet</title>
</head>
</html>

la page s'affiche au bout de 5 minutes, le message d'erreur reste le même et c'est impossible de cliquer sur quoi que ce soit, ça fait planter ff

edit :
quand je clique sur arrêter le script, la page se débloque mais du coup, plus aucun code js n'est exécuté (ni envoi, ni actualisation auto)...

**NoSmoking** · 02/02/2013, 10h17

Bonjour,
c'est quoi cette syntaxe ???

Code :

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

setTimeout(chat(), 10000)

setTimeout attend une référence à une fonction, donc

Code :

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

setTimeout( chat, 10000);

ou encore

Code :

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

1
2
3
setTimeout( function(){
  // instructions à réaliser 
}, 10000);

Invité · 02/02/2013, 12h41

Bonjour,
C'est un peu le désordre dans tes codes, sans compter la syntaxe
Je ne voudrais pas vendre mes écris, mais télécharges les sources
y compris le SQL, lits bien ce très simple exemple, ensuite tu l'adapteras comme tu veux !
http://ajax.developpez.com/tutoriels...ajax-en-clair/

A++
Christele

**crozet.magenta** · 02/02/2013, 15h17

oui, effectivement, c'est le désordre ^^ en fait, je fais des tests donc je ne me soucie pas de la syntaxe ni de la "beauté du code" c'est pas une bonne habitude je sais

et ça facilite pas les choses quand j'ai besoin d'aide comme ici

mais ne production, je fais gaffe : )

en tous cas, mon problème est résolu, effectivement, dans le setTimout c'était bien setTimeout( chat, 10000); la bonne syntaxe

Merci pour votre aide et merci christele_r pour le lien

[AJAX] chargement à l'infini et page blanche

AJAX

Discussions similaires

Partager

Partager