[AJAX] Reutilisation d'objet XMLHttpRequest lors d'une annulation (abort)

**ozzob1** · 18/09/2007, 17h25

Bonjour,

J'ai un probleme de comportement entre IE6 et FF1.5 lorsque je tente de reutiliser une requete Ajax precedement annulee.

Voici le code source :

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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ah>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>AJAX ABORT</title>
<script>
	// Objet XMLHttpRequest global re-utilise pour chaque requete serveur
	var XhrObj = null;  
	
	/*
	* Fonction de demarrage d'une requete
	*/
	function startRequest()
	{		
		// creation de l'objet global XMLHttpRequest
		if (XhrObj == null)
		{    
		   if(typeof(XMLHttpRequest) != 'undefined')
		   {
		      // Mozilla 
		   	XhrObj = new XMLHttpRequest();      
		   }
		   else
		   {
		      // Noms des activeX des differentes versions d'IE
		   	var axO = ['Msxml2.XMLHTTP.6.0', 'Msxml2.XMLHTTP.4.0', 'Msxml2.XMLHTTP.3.0', 'Msxml2.XMLHTTP', 'Microsoft.XMLHTTP'], i;
		   
		   	for(i = 0; i < axO.length; i++)
		      {
		   		try
		         {
		   			XhrObj = new ActiveXObject(axO);
		            break;
		   		}
		         catch(e)
		         {
		         }
		      }
		   }
		}   	   
	   XhrObj.open("POST", '/MySiteLocal/AjaxServlet', true);   
	   XhrObj.onreadystatechange = test;
	   
	   var data = 'ajaxAbort=true';
	   XhrObj.setRequestHeader('Content-Length', data.length);
		XhrObj.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');		
		XhrObj.send(data);
	}				
	
	/*
	* Fonction callback onreadystatechange
	*/
	function test()
	{
		if (XhrObj.readyState != 4)
			return;
			
		if (abort)
		{
			abort = false;
			return;
		}
		if ((XhrObj.status <= 200) && (XhrObj.status < 300))			
			alert('Requete OK');
		else
			alert('Requete NON OK');
	}
	
	var EMPTY_FCT = function () {}
	var abort = false;
	
	/*
	* Fonction d'annulation d'une requete AJAX
	* restart : indique s'il faut relancer une requete dans la foulee
	*/
	function abortRequest1(restart)
	{		
		abort = true;
		XhrObj.abort();
		XhrObj.onreadystatechange = EMPTY_FCT;		
		if (restart)		
			startRequest();		
	}						
	
	/*
	* Fonction d'annulation d'une requete AJAX
	* restart : indique s'il faut relancer une requete dans la foulee
	*/
	function abortRequest2(restart)
	{		
		abort = true;
		XhrObj.abort();
		XhrObj.onreadystatechange = EMPTY_FCT;		
		if (restart)		
			setTimeout ('startRequest(false)', 50);								
	}						
</script>
</head>

<body>		
	<input type='button' value='Demarrer Requete' onclick='startRequest();'/>
	<input type='button' value='Annuler Requete' onclick='abortRequest1(false);'/>
	<input type='button' value='Annuler Requete et redemarrer version 1' onclick='abortRequest1(true);'/>	
	<input type='button' value='Annuler Requete et redemarrer version 2' onclick='abortRequest2(true);'/>	
</body>

</html>

Explication :
1) Je clic sur le bouton 'Demarrer Requete' puis j'annule la requete en cliquant sur le bouton 'Annuler Requete'. Si je re-clic sur le bouton 'Demarrer Requete' pas de probleme (la requete s'execute normalement).

2) Je fait la meme chose (demarrage d'une requete puis annulation puis re-demarrage de la meme requete) mais en utilisant une fonction qui fait le re-demarrage dans la foulee de l'annulation :
Je clic sur le bouton 'Demarrer Requete' puis j'annule la requete et la re-demarre en cliquant sur le bouton 'Annuler Requete et redemarrer version 1'.
Sous IE, l'execution se passe normalement.
Sous FF, j'ai l'exception :
[Exception... "Component returned failure code: 0x80040111 (NS_ERROR_NOT_AVAILABLE) [nsIXMLHttpRequest.status]" nsresult: "0x80040111 (NS_ERROR_NOT_AVAILABLE)" location: "JS frame :: http://localhost:8080/MySiteLocal/html/ajaxAbort2.html :: test :: line 67" data: no]
lorsque je tente de lire l'attribut status de mon objet XhrObj (fonction test)

3) Si par contre je fait la meme chose mais en retardant le re-demarrage de ma requete de 50 ms, alors l'execution se passe normalement sous FF :
Je clic sur le bouton 'Demarrer Requete' puis j'annule la requete et la re-demarre en cliquant sur le bouton 'Annuler Requete et redemarrer version 2'.

Questions :
1) Y-a t-il une solution pour annuler une requete et la re-utiliser dans la foulee sans passer par le setTimeout (abortRequest2) ?

2) S'agit-il d'une erreur d'initialisation de la requete (startRequest) ou d'un bug FF ?

Merci pour votre attention et vos reponses.

**denisC** · 18/09/2007, 18h32

Envoyé par ozzob1

1) Y-a t-il une solution pour annuler une requete et la re-utiliser dans la foulee sans passer par le setTimeout (abortRequest2) ?

2) S'agit-il d'une erreur d'initialisation de la requete (startRequest) ou d'un bug FF ?

http://www.quirksmode.org/blog/archi...notes_a_1.html
Je pense que ça peut t'aider....

[AJAX] Reutilisation d'objet XMLHttpRequest lors d'une annulation (abort)

JavaScript

Discussions similaires

Partager

Partager