[AJAX] xmlhttp.readyState affiche la valeur 1 puis se plante

Version imprimable

Bonjour,

Je vous fait part de mon anomalie dans la page JSP.. En fait, je manipule l'objet xmlhttpRequest pour insérer des données dans une BD d'un serveur distant..

Je remarque lors de certains traitements (après avoir cliqué sur le bouton submit) que mon "xmlhttp.readyState" n'atteigne pas la valeur 4 (suite verification grâce à un alert() )... Il affiche juste la valeur 1 puis plus rien.

Je n'arrive pas à reconnaitre la cause puisque celà n'arrive pas à tous les coups, au contraire, le process se déroule normalement la plupart du temps, ce qui me rend dans l'incapacité de créer un scénario ou sa plante..
Mais je sais que le problème existe (il est aussi bloquant car il fait croire à une insertion dans la BD alors que ce n'est pas le cas)

Je vous poste une extrait de mon code javascript
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 function handleServerResponseInsertion() { try{ if (xmlhttp.readyState == 4) { if(xmlhttp.status == 200) { alert("insertion congé réussie"); } else { alert("Error during AJAX call. Please try again"); } } else { // IF CONNECTION IS BUSY, WAIT AND RETRY setTimeout("handleServerResponseInsertion()", 1000); } } catch(e) { alert('ERROR: ' + e); } }
PS : en cas de crash, meme le "alert('ERROR: ' + e);" ne s'affiche pas

Merci pour vos réponses

10/08/2010, 12h26
Bovino

Citation:

après avoir cliqué sur le bouton submit

Est-ce que tu annules l'action par défaut du submit ?
Parce que sinon, la raison est simple : au clic, tu envoies la requête et avant qu'elle ne revienne (voire avant qu'elle ai réellement eu le temps de partir), tu soumets le formulaire, du coup, tu ne peux pas recevoir de réponse.

Je vous remercie pour votre réponse,

En fait, je n'annule aucune action, voici le code de mon bouton "submit" qui n'est pas un bouton submit en réalité mais qui joue le même rôle :

Code:

1
2
 
<a href="javascript:endTask();"><%=appDico.getKeyValue("button.endTask")%></a>

Et voici la fonction javascript endTask() :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
function endTask()
    {
 
	if (!w4JsCheckMandatoryFields()) return void(false);
      document.forms[0].template.value="Templates/workItems.jsp";
      document.forms[0].inv1.value="fullTaskRef.endTask";
      document.forms[0].requestBegin.value = (new Date()).getTime();
      insertConge();
      document.forms[0].submit();
      return true;
    }

La fonction qui se charge de l'insertion et qui utilise xmlHttpRequest est insertConge() :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
function insertConge()
    {
//initialisation des variables mises en jeu matDemandeur, dateDebut...
 
var param = "?param="+matDemandeur+"/"+dateDeb+"/"+dateFin+"/"+codeTypeConge+"/"+duree+"/"+unite+"/"+typeAbsence+"/"+moisCompta+"/"+anneeCompta+"/"+sdateCreation+"/"+loginDemandeur+"/"+groupeComptaEmploye;
 
	alert(param);	
		if(xmlhttp) { 
		    xmlhttp.open("GET","http://"+serverAdress+"/Conge/InsertionCongeServlet"+param,true);//Appel de la servlet avec des parametres
		    xmlhttp.onreadystatechange  = handleServerResponseInsertion;
		    xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		    xmlhttp.send(null);
		  }
	}

Je pense que mes appels sont corrects ?

10/08/2010, 13h26
Bovino

Le principe est le même, l'instruction

Code:

document.forms[0].submit();

est exécutée avant l'exécution complète de la requête, puisque celle-ci est asynchrone ;)
10/08/2010, 15h08
karim_sousse

Ah d'accord, J'ai compris le principe..
Comment pourrais-je y remédier alors pour s'assurer que ma Requête xmlHttpRequest est entièrement exécutée à tous les coups avant le submit ?

Merci
10/08/2010, 15h25
Watilin

Salut,
je laisse à Bovino le soin de répondre à cette dernière question.
Moi j’ai vu un timeout dans le corps de ta fonction, et ça me dérange : il fait concurrence avec le onreadystatechange, et je le trouve pas utile.
;)
10/08/2010, 16h04
Bovino
Citation:

PS : en cas de crash, meme le "alert('ERROR: ' + e);" ne s'affiche pas

Tiens, j'avais pas vu ça non plus...
Ton try catch ne sert absolument à rien puisque le try ne peut pas soulever d'exception (ne pas remplir une condition if ne génère pas d'erreur), tu ne passeras jamais dans le catch :aie:

Citation:

Comment pourrais-je y remédier alors pour s'assurer que ma Requête xmlHttpRequest est entièrement exécutée à tous les coups avant le submit ?

Ben en mettant le submit() dans le callback :mrgreen:
Code:

1 2 3 4 if(xmlhttp.status == 200) { alert("insertion congé réussie"); document.forms[0].submit(); }
10/08/2010, 16h24
karim_sousse

Merci Watilin pour ta réponse.

Bovino, Je te tire mon chapeau , non seulement j'ai résolu mon problème, mais j'ai aussi compris le principe de ce qui Asynchrone dans mon cas..

Effectivement, il fallait placer le submit() juste après s'être assuré que mon xmlHttpRequest ait terminé son travail du début jusqu'à la fin (xmlhttp.status = "Server OK" )