IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

AJAX Discussion :

[AJAX] Chat ajax qui bloque après envoi d' une dizaine de messages


Sujet :

AJAX

  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Septembre 2007
    Messages
    450
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2007
    Messages : 450
    Par défaut [AJAX] Chat ajax qui bloque après envoi d' une dizaine de messages
    Bonjour à tous, je viens à vous car après quelques tests, mon chat marche bien, la requete est bien envoyée, recupère bien les données et les affiche bien ... seulement, quand j'envois plusieurs messages, sa bloque, que se passe t' il ? problème de cache ?

    Les codes javascript :

    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
     
    function chat_accueil()
    	{
    	var xhr = getxhr();
    	xhr.onreadystatechange = function() 
    		{
    		if (xhr.readyState == 4 && xhr.status == 200) 
    			{
    			document.getElementById("chat").innerHTML=xhr.responseText;
    			var bas=document.getElementById('chat');
    			bas.scrollTop=bas.scrollHeight; 
    			}
    			var times=getTime()+100;
    			header("Expires: "+times);
    		};
    			setTimeout("chat_accueil()",500);
     	var requete="";
    	xhr.open("POST", "www/composants/chat/chat_accueil.php?+getTime()", true);
    	xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    	xhr.send(requete);
    	}
     
    // Enregistrement données inscription membres
    function envoi_chat_accueil()
    	{
    	var xhr = getxhr();
    	xhr.onreadystatechange = function() 
    		{
    		if (xhr.readyState != 4) 
    			{
    			document.getElementById("mess").innerHTML="Message <input type='text' name='message' id='message' value='Envoi du message ...' size='100' style='background-color:#CCCCCC;' readonly />";
    			document.getElementById("envoi").innerHTML="<input type='submit' name='env' id='env' value='Envoyer' />";
    			document.getElementById("env").disabled=true;
    			}
    		if (xhr.readyState == 4 && xhr.status == 200) 
    			{
    			document.getElementById("mess").innerHTML="Message <input type='text' name='message' id='message' size='100' />";
    			setTimeout(function() {document.getElementById('message').focus();}, 10);
    			document.getElementById("envoi").innerHTML="<input type='submit' value='Envoyer' id='env' onClick='envoi_chat_accueil();chat_accueil();' />";
    			document.getElementById("env").disabled=false;
    			document.getElementById("remarque").innerHTML=xhr.responseText;
    			}
     
    		};
     
    	if (document.getElementById('pseudo')!=null)
    		{
    		var pseudo="pseudo="+document.getElementById('pseudo').value;
    		}
    	else
    		{
    		var pseudo="pseudo=";
    		}
    	if (document.getElementById('message')!=null)
    		{
    		var message="&message="+document.getElementById('message').value;
    		}
    	else
    		{
    		var message="&message=";
    		}
     
     	var requete=pseudo+message;
    	xhr.open("POST", "www/composants/chat/envoi_chat_accueil.php?+getTime()", true);
    	xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    	xhr.send(requete);
    	}
    chat_accueil() récupère les données et les affiche .

    envoi_chat_accueil() envoi les données au serveur et les enregistre .

    Le php chat_accueil.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
     
    <?php
    mysql_connect('tagadac','tougoudou','gidididi');
    mysql_select_db('tagadac');
     
    $debut="SELECT * FROM chat_accueil";
    $messages=mysql_query($debut);
    $num_messages=mysql_num_rows($messages);
     
    if ($num_messages!=0)
            {
            $mess=mysql_query($debut." ORDER BY id ASC LIMIT 0,40");
            $dernier_id=mysql_query($debut." ORDER BY id DESC LIMIT 1");
            $dernier=mysql_fetch_assoc($dernier_id);
            $dern=$dernier['id']-39;
            mysql_query("DELETE FROM chat_accueil WHERE id<$dern");
            while ($m=mysql_fetch_assoc($mess))
                    {
                    $membre=htmlspecialchars($m['pseudo']);
                    $date=$m['date'];
                    $message=htmlspecialchars($m['message']);
                    $array1=array(':lol:',':s',':D',':(',':boring:',':|',':oh:',':)',':E',':triste:',';)',':langue:',':xd:');
                    $array2=array('<img src="www/template/images/smileys/lol.png" />',
                    '<img src="www/template/images/smileys/confused.png" />',
                    '<img src="www/template/images/smileys/biggrin.png" />',
                    '<img src="www/template/images/smileys/frown.png" />',
                    '<img src="www/template/images/smileys/boring.png" />',
                    '<img src="www/template/images/smileys/neutral.png" />',
                    '<img src="www/template/images/smileys/oh.png" />',
                    '<img src="www/template/images/smileys/smile.png" />',
                    '<img src="www/template/images/smileys/teeth.png" />',
                    '<img src="www/template/images/smileys/triste.png" />',
                    '<img src="www/template/images/smileys/wink.png" />',
                    '<img src="www/template/images/smileys/winktongue.png" />',
                    '<img src="www/template/images/smileys/xd.png" />');
                    $message=str_replace($array1,$array2,$message);
                    echo '<span id="infos"><strong>'.$membre.' &agrave; dit </strong> <span class="date">'.$date.'</span> :</span> '.$message.'<br />';
                    }
            }
    else
            {
            echo '<strong>Il n\' y &agrave; pas de message post&eacute; pour le moment ...</strong>';
            }
    mysql_close();
    ?>
    envoi_chat_accueil.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
     
    <?php
    mysql_connect('tagadac','tougoudou','gidididi');
    mysql_select_db('tagadac');
     
     
    if (isset($_POST['message']) && isset($_POST['pseudo']) && ($_POST['pseudo'] && $_POST['message'])!="")
    	{
    	$message=$_POST['message'];
    	$pseudo=$_POST['pseudo'];
    	$heure=date("H:i");
    	$jour=date("d/m/Y");
    	$date=$jour.' '.$heure;
    	$dernier_id=mysql_query("SELECT * FROM chat_accueil ORDER BY id DESC LIMIT 1");
    	$dernier=mysql_fetch_assoc($dernier_id);
    	$dern=$dernier['id']-39;
    	mysql_query("DELETE FROM chat_accueil WHERE id<$dern");
    	mysql_query("INSERT INTO chat_accueil VALUES('','$pseudo','$date','$message')");
    	}
    else
    	{
    	echo 'Veuillez remplir les champs pseudo et message svp ... !';
    	}
     
    mysql_close();
    ?>
    Voila, merci de votre aide, je penses que mon problème se situe plus dans le fichier envoi_chat_accueil ou la fonction javascript du même nom .

    Merci beaucoup par avance .

  2. #2
    Membre éclairé
    Profil pro
    Inscrit en
    Septembre 2007
    Messages
    450
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2007
    Messages : 450
    Par défaut
    je viens d'essayer de rajouter :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    header("Cache-Control: no-cache, must-revalidate");
    header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
    En haut du fichier chat_accueil.php et envoi_chat_accueil.php, mais ke probleme persiste, donc ce n'est pas la solution ...

    Merci encore pour votre aide

  3. #3
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Ca correspond à quoi cette portion de code ?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    var times=getTime()+100;
    header("Expires: "+times);
    header() n'existe pas en JavaScript

    En plus, tu exécutes ce code à chaque changement du readyState, c'est peut-être trop ?
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  4. #4
    Membre éclairé
    Profil pro
    Inscrit en
    Septembre 2007
    Messages
    450
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2007
    Messages : 450
    Par défaut
    ok, merci bien j'ai retiré ces deux lignes ...

    Mais ceci dit, le chat bloque toujours pareil .

    Merci encore pour vos aides par avance

  5. #5
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Bonjour,

    Mets ton setTimeout dans le if(readystate==4) comme ça la fonction n'est appelée qu'après la terminaison d'une autre mais fait gaffe au status==200, si t'auras un erreur alors .

    A+.

  6. #6
    Membre éclairé
    Profil pro
    Inscrit en
    Septembre 2007
    Messages
    450
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2007
    Messages : 450
    Par défaut
    arf ... j'y ai crû ... mais finalement sa change rien, merci pour le tuyau néanmoins .

    Enfaite, ce que je n'ai pas non plus précisé au début, c'est que sa va crechendo (je sais pas comment ça s' écrit ), plus j'envois de messages, plus la requete est longue à être traitée, et donc au bout d'un moment, sa bloque ... C'est pour cela que j'avais pensé à un espèce de problème de cache, ou quelquechose du genre .

    Merci pour votre aide .

  7. #7
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Montres nous la version actuelle de ton code.

  8. #8
    Membre éclairé
    Profil pro
    Inscrit en
    Septembre 2007
    Messages
    450
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2007
    Messages : 450
    Par défaut
    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
     
    function chat_accueil()
    	{
    	var xhr = getxhr();
    	xhr.onreadystatechange = function() 
    		{
    		if (xhr.readyState == 4 && xhr.status == 200) 
    			{
    			document.getElementById("chat").innerHTML=xhr.responseText;
    			setTimeout("chat_accueil()",500);
    			}
    		};
     
     
    	var bas=document.getElementById('chat');
    	bas.scrollTop=bas.scrollHeight; 
     
     	var requete="";
    	xhr.open("POST", "www/composants/chat/chat_accueil.php?+getTime()", true);
    	xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    	xhr.send(requete);
    	}
    Le reste n'a pas changé

  9. #9
    Membre éclairé
    Profil pro
    Inscrit en
    Septembre 2007
    Messages
    450
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2007
    Messages : 450
    Par défaut
    bon et là je viens de bombarder le chat durant deux minutes sans rien changer de plus, et sa plante pas .....

    Le problème viendrait-il du serveur alors ? mystere

  10. #10
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Citation Envoyé par andry.aime
    Mets ton setTimeout dans le if(readystate==4) comme ça la fonction n'est appelée qu'après la terminaison d'une autre
    Dans ton ancien code, à chaque readystate (de 0 à 4) tu lances une requête et à chaque requête va lancer encore 4 requêtes sans que le précédent se termine. C'est normale si ça a planté ton chat.

    A+

  11. #11
    Membre éclairé
    Profil pro
    Inscrit en
    Septembre 2007
    Messages
    450
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2007
    Messages : 450
    Par défaut
    milles merci je comprends mieux effectivement

    On verra si jamais le chat plante encore d'ici demain je ferais plusieurs tests de bombardement

    Merci encore

Discussions similaires

  1. [AJAX] chat ajax blueimp phpbb3
    Par portu69 dans le forum AJAX
    Réponses: 0
    Dernier message: 17/11/2009, 12h14
  2. [AJAX] chat ajax sur phpbb3
    Par portu69 dans le forum AJAX
    Réponses: 0
    Dernier message: 28/09/2009, 10h39
  3. [AJAX] xmlhttprequest.send qui ne fonctionne pas avec une variable !
    Par hoaxpunk dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 12/03/2009, 18h17
  4. [AJAX] Chat Ajax tout comme tchatche.com
    Par IKATI dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 20/09/2007, 18h30
  5. [AJAX] Chat AJAX, ou chat FLASH ?
    Par Pepito2030 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 15/01/2007, 12h03

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo