Discussion :

[logicanalyse]

Bonjour à tous,

Je cherche à appeler un webservice en JavaScript.
Ce dernier ne renvoie rien et ne prend aucun paramètre.
Pour y accéder sur mon poste :

http://127.0.0.1:8080/Alimentation_g...?method=runJob

J'ai trouvé un premier code qui fonctionne sous IE, mais pas FF :

Code :

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

1
2
3
4
 
	var xmlDoc = new ActiveXObject("Microsoft.XMLDOM" );
        xmlDoc.async = false;
        xmlDoc.load("http://127.0.0.1:8080/Alimentation_globale_0.1/services/AA_Alimentation_globale?method=runJob" );

Pour pallier au pb de FF, j'ai trouvé ceci sur le forum :

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
 
		var xhr = null; 
		if(window.XMLHttpRequest) xhr = new XMLHttpRequest(); // Firefox et autres
		else if(window.ActiveXObject)
		{ // Internet Explorer 
			try {
				xhr = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
		}
		else 
		{ // XMLHttpRequest non supporté par le navigateur 
			alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
			xhr = false; 
		}

Mais, je n'arrive pas à l'adapter.

Merci de bien vouloir m'aider.

[logicanalyse]

J'ai finalement trouvé une solution, mais il me faut encore de l'aide :

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
 
<script type="text/javascript" language="javascript">
 
    var myReq = new XMLHttpRequest();
 
    function callWSMethod1()
 
    {
        if (window.XMLHttpRequest)
            {
                var url = "http://127.0.0.1:8080/Alimentation_globale_0.1/services/AA_Alimentation_globale?method=runJob";
                myReq.onreadystatechange = CheckStatus1;
                myReq.open("GET", url, true); // true indicates asynchronous request
                myReq.send();
            }
    }
 
    function CheckStatus1()
    {
        if (myReq.readyState == 4) // Completed operation
        {
            myReq.open("POST","http://127.0.0.1:8080/Alimentation_globale_0.1/services/AA_Alimentation_globale/runJob", false);
            myReq.send();
            form1.TextArea1.value = oReq.responseText;
        }
    }
 
    </script>

ça marche bien, seulement j'aimerai attendre la fin d'exécution du web service pour recharger la page.
Auriez-vous une idée de comment faire?


D'ailleurs, je me dis que dans la mesure où je ne récupère pas de réponse de mon web service, est ce que le code est vraiment adapté?
Merci d'avance.

[logicanalyse]

Bon, ben finalement, c'était pas si compliqué que ça, j'y suis presque.
Code actuel :

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
 
	<script type="text/javascript" language="javascript">
    function callWSMethod()
	{
		var xhr; 
		try {  xhr = new ActiveXObject('Msxml2.XMLHTTP'); } // Essayer FF
		catch (e) 
		{
			try {   xhr = new ActiveXObject('Microsoft.XMLHTTP'); } // Essayer IE
			catch (e2) 
			{
			  try {  xhr = new XMLHttpRequest(); }  // Echec, utiliser l'objet standard
			  catch (e3) {  xhr = false;   }
			}
		 }
 
		xhr.onreadystatechange  = function()
		{
			 if(xhr.readyState  == 4)
			 {
			  location.reload();		 
			  alert("marche2");
			 }
		} 
 
	   xhr.open( "GET", "http://127.0.0.1:8080/Alimentation_globale_0.1/services/AA_Alimentation_globale?method=runJob",  true); 
	   xhr.send(); 
    }
    </script>

Ce qui me manque, c'est d'afficher une barre de progression ou de griser la page, le temps de l'exécution. Des pistes?

[RomainVALERI]

Ce qui me manque, c'est d'afficher une barre de progression ou de griser la page, le temps de l'exécution. Des pistes?

Dans le principe, tu fais tes changements de mise en attente avant l'appel AJAX (par exemple ici, au tout début de ta fonction callWSMethod), et tu rétablis la situation (si besoin, mais pas dans le cas où la page est de toutes façons rechargée) dans la fonction de callback (c.a.d. quand le readyState de onreadystatechange est à 4).

Il y a plusieurs manières de signifier l'attente à l'utilisateur, en fonction de l'ergonomie que tu souhaites pour ton site (message, gif animé d'une roue ou autre objet mobile, page grisée avec un div par-dessus en opacité 50%, etc.)

[logicanalyse]

Hummm, voilà ce que ça donne :

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
    function callWSMethod()
	{
		var xhr; 
		try {  xhr = new ActiveXObject('Msxml2.XMLHTTP'); } // Essayer FF
		catch (e) 
		{
			try {   xhr = new ActiveXObject('Microsoft.XMLHTTP'); } // Essayer IE
			catch (e2) 
			{
			  try {  xhr = new XMLHttpRequest(); }  // Echec, utiliser l'objet standard
			  catch (e3) {  xhr = false;   }
			}
		 }

		xhr.onreadystatechange  = function()
		{
			if (xhr.readyState!=4) 
			{
				document.getElementById("essai").style.display="block";
			}
			 if(xhr.readyState  == 4)
			 {
				  location.reload();		 
			 }
		} 
	   xhr.open( "GET", "http://127.0.0.1:8080/Alimentation_globale_0.1/services/AA_Alimentation_globale?method=runJob",  true); 
	   xhr.send(); 
    }
    </script>

L'élément qui grise la page pour signaler l'attente, avec un petit gif en background:

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
 
Span:
<span id="essai" class="essai">
	Veuillez patientez pendant le traitement...
</span>	
 
CSS:
#essai
{
display:none; 
position:absolute; 
background-color: rgba(190, 190, 190, 0.75); 
width:100%; 
height:920px; 
left:0px; 
top:-10px; 
background-image:url('../images/attendre2.gif'); 
background-repeat:no-repeat; 
background-position:center center;
line-height:800px;
font-size:14px;
font-family:"Stencil";
color:rgb(139,35,35);
}

Voili, voilou, je pense que c'est résolu.

Merci pour ton aide ;-)

[RomainVALERI]

Voili, voilou, je pense que c'est résolu.

Merci pour ton aide ;-)

Bah tu parles c'est toi qui a tout fait ^^

Et merci à toi d'avoir posté au fur et à mesure de la résolution... c'est aussi ça l'esprit forum

Tiens au fait un détail : la ligne

Code :

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

document.getElementById("essai").style.display="block";

ne sera déclenchée que lors du premier changement d'état de l'objet xhr. C'est peut-être sans importance, mais par acquis de conscience j'aurais plutot opté pour faire ça juste avant le xhr.open (et il ne faut pas oublier de prévoir le cas où l'appel ajax ne fonctionne pas, car là aussi il faut désactiver le div #essai pour ne pas bloquer la navigation de l'utilisateur )

[SpaceFrog]

Ce genre de chose m'étonnera toujours :

Code :

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

1
2
3
4
if(xhr.readyState  == 4)
			 {
				  location.reload();		 
			 }

faudra que l'on m'en explique l'intérêt un jour ...

[logicanalyse]

@RomainVALERI:
Ton intervention m'a été plus utile que tu ne sembles penser ;-)
Je note tes remarques. Étant donné que l'outil est destiné à un groupe restreint de personnes, je m'offre le luxe de les obliger à utiliser un navigateur défini en y activant tout ce qu'il faut.
Mais, effectivement, autant prévoir les cas particuliers.

@SpaceFrog:
Le webservice que j'appelle met à jour des données dans une base, il me faut donc rafraîchir la page pour qu'elle affiche les informations réactualisées.
C'est la 1ere fois que je me sers d'Ajax, donc si je n'ai pas respecté les normes de code, c'est par pure ignorance.
Mais, on est là pour apprendre, alors je suis toute ouïe si tu as une proposition.

[RomainVALERI]

C'est la 1ere fois que je me sers d'Ajax, donc si je n'ai pas respecté les normes de code, c'est par pure ignorance.

Là, ce n'est pas une histoire de respect des normes. Le principe et la raison première d'AJAX étant d'interagir avec le serveur SANS être obligé de recharger la page... dans le cas présent il te suffirait de faire une requête de page *classique*, non ? ^^

[SpaceFrog]

le but justement d'ajax est de permettre une conversation avec le serveur sans rafraichir la page
et par conséquent de recupérer des elements dans la reponse ajax qui te permettront de rafraichir la page ...

rafraichir la page lors de la reponse est selon moi un non sens absolu, une négation d'ajax ...

[logicanalyse]

Mmhh, je me doutais un peu que ce raccourci n'était pas la meilleure façon de faire.
A long terme, j'appellerai mon web service en java et je n'utiliserai Ajax que pour rafraîchir des éléments comme des select sans toucher au reste de la page.
Mais j'avoue que ça me dépanne bien pour le moment.

Et promis avant de rendre l'outil, je rendrai à Ajax son vrai rôle.

Thx ;-)

[SpaceFrog]