Discussion :

[karim_sousse]

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 :

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
 
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

[Bovino]

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.

[karim_sousse]

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 :

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

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

Et voici la fonction javascript endTask() :

Code :

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

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 :

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

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 ?

[Bovino]

Le principe est le même, l'instruction

Code :

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

document.forms[0].submit();

est exécutée avant l'exécution complète de la requête, puisque celle-ci est asynchrone

[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

[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.

[Bovino]

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

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

Code :

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

1
2
3
4
if(xmlhttp.status == 200) {
    alert("insertion congé réussie");
    document.forms[0].submit();
}

[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" )