[AJAX] script très simple qui fait planter mon navigateur

**cuisto44000** · 17/07/2010, 21h21

Bonjour à tous, je suis débutant en ajax, et comme tout bon débutant, j'ai donc essayé de créer un chat, et la j'ai un probleme : mon script qui récupère la boucle dans le fichier php renvoie bien les données dans le div souhaité, la div est bien rechargée toutes les x secondes, mais le problème, c'est qu'au bout de quelques petites minutes, sa fait planter mon navigateur que je suis obligé de fermer et relancer, sinon tout bloque

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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
 
<!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>Untitled Document</title>
<script type="text/javascript">
function getxhr()
	{
	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;
	}
 
function recupe()
	{
	var xhr = getxhr();
 
	xhr.onreadystatechange = function() {
		if (xhr.readyState == 4) {
			var reponse = xhr.responseText;
            document.getElementById("chat").innerHTML = reponse;
 
		}
		setTimeout(recupe,5000);
	};
	xhr.open("POST", "recupe.php", true);
	xhr.send(null);
 
	}
 
function envoi()
	{
	var xhr = getxhr();
	xhr.onreadystatechange = function() 
		{
		if (xhr.readyState == 4 && xhr.status == 200) 
			{
			document.getElementById("status").innerHTML=xhr.responseText;
			}
		};
 	var requete="pseudo="+document.getElementById("pseudo").value+"&message="+document.getElementById("message").value+"&envoi="+document.getElementById("envoi").value;
	xhr.open("POST", "envoi.php", true);
	xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	xhr.send(requete);
	}
 
</script>
</head>
 
<body onLoad="recupe()">
<div>
<div id="status" style="border:1px solid#cccccc;width:200px;height:20px;"></div>
<div id="chat"></div>
</div>
 
<div id="form">
<input type="text" name="pseudo" id="pseudo" maxlength="20" />
<input type="text" name="message" id="message" size="200" maxlength="300" />
<input type="submit" name="envoi" id="envoi" value="Envoyer" onClick="envoi()" />
</div>
</body>
</html>

**Bovino** · 17/07/2010, 21h37

C'est quoi cette fonction flush() ?

**cuisto44000** · 17/07/2010, 21h50

lol, non laisse tomber ca, fais comme si t'avais rien vu, mon problème est omniprésent avec ou sans ce truc

Sinon, je précise que je travail en local pour ce test, peut être que ce détail aurait son importance ?

**Bovino** · 17/07/2010, 23h23

Envoyé par cuisto44000

lol, non laisse tomber ca, fais comme si t'avais rien vu, mon problème est omniprésent avec ou sans ce truc

Si tu veux... mais si tu fais allusion aux équivalents PHP par exemple, non seulement ça n'existe pas en JavaScript, mais ça n'aurait aucun sens

Envoyé par cuisto44000

Sinon, je précise que je travail en local pour ce test, peut être que ce détail aurait son importance ?

Oui, ça peut en avoir. Tu testes avec un serveur (Wamp ou Xamp par exemple) ?

**cuisto44000** · 17/07/2010, 23h40

oui, sur wamp

**cuisto44000** · 18/07/2010, 00h22

je viens d'essayer sous IE (je suis sous FF d'habitude) et sa plante pareil, voir pire ...
De plus, j'ai constaté que des que sa commence a planter, y'a un bruit dans mon unité centrale, comme un truc qui tournerait vite (euh ... le disque dur si je ne m'abuse) ...

EDIT : de toute façons, y'a que le setTimeout(recupe,1000); qui peut faire ce genre de plantage ... mais alors que faire, sa m'empeche de progresser ce truc la .

Dernier test, je viens d'essayer de mettre sur un de mes noms de domaine les codes, avec juste des valeurs retournées genre echo 'ok'; , puis je les changeais de temps en temps :

Le changement se faisait immédiatement dans la div chat, mais le navigateur finissait tout de même par planter .

Au fait, je me poses ces questions :

*Que fait reellement setTimeout(); quel est son role ?
*N'y'a t'il pas un autre moyen pour recharger un div que de passer par setTimeout(); ou setInterval(); ? enfin tout en faisant en sorte que sa se recharge automatiquement et non manuellement biensure

Voila ou j'en suis dans ma tête ...

Merci par avance pour vos réponses précieuses .

**cuisto44000** · 29/07/2010, 11h49

J'ai réfléchi et je penses que soit ma fonction est mal structurée, soit le settimeout est mal placé, ou les deux, qu'en pensez vous?

[AJAX] script très simple qui fait planter mon navigateur

AJAX

Discussions similaires

Partager

Partager