Discussion :

[BouB]

Bonjour,

Voila dans mon projet, j'utilise jQuery pour faire certains appels ajax. Pour tous ces appels , j'affiche un loader durant l'opération.

Ca fonctionne sans problème la plupart du temps, sauf pour 2 cas.

En gros, je fais un display:block via javascript sur l'image loader, dans à la réponse de l'appel ajax, je fais display:none. Pour les 2 cas qui ne fonctionnent pas pas , le display:block n'est pas pris en compte. Si je place un alert("toto") juste avant, ca fonctionne.

Malheureusement, je ne veux pas d'alert.

Voici l'exemple de mon code:

LoaderIn();

$.ajax({
url: "contenu.htm",
type: "POST",
success: function(html){
// code divers
LoaderOut();
},
error: function(html){
// code divers
LoaderOut();
}
});

J'ai essayé avec le beforeSend, mais ca me fait la même chose.

$.ajax({
url: "contenu.htm",
type: "POST",
success: function(html){
// code divers
LoaderOut();
},
beforSend: function(html){
LoaderIn();
}
});

Voila je ne sais plus quoi faire. Si vous avez un indice pour m'aider à avancer.

(Bon j'ai simplifié mon code, à la base j'appelle un web service et je fais pas mal de chose dans le success. Mais bon pour la plupart de mes WS appelés je n'est pas de soucis)

Merci

[Bovino]

Premier indice : essaye de nous expliquer ce qui ne marche pas !
Pour résumer, tu nous dis : "ma fonction marche sauf dans 2 cas, qu'est-ce qui ne va pas"... c'est pas suffisant.

[BouB]

oups,

Bon en fait, mes différents traitements qui s'effectuent avant l'appel ajax ne fonctionnent pas. Aussi bien quand je les place avant l'appel ajax que quand je les place dans la propriete beforeSend.

Ces traitements fonctionnent si je les accompagne d'un alert.

Je ne sais pas si je me fais comprendre, mais c'est assez étrange

[Bovino]

Ces traitements fonctionnent si je les accompagne d'un alert.

C'est-à-dire ?
Quand tu mets un alert, l'ensemble du code fonctionne ou le alert fonctionne ?
Premier cas, ton appel Ajax stoppe tes traitements, il faut alors s'arranger pour que l'appel ai lieu après ces traitements.
Deuxième cas, ce sont tes traitements qui ne sont pas bons.

Un peu de code à montrer ?

[BouB]

Pour être clair

Cas 1:

Code :

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

1
2
3
 
Toto();
$.ajax(...)

La méthode Toto ne fonctionne pas (ou plutôt ne se lance pas).

Cas 2:

Code :

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

1
2
3
4
 
Toto();
alert("toto");
$.ajax(...)

La méthode Toto fonctionne, ainsi que le alert.

[Bovino]

Dans l'exécution du code, javascript lance ta méthode Toto(), puis ta requête Ajax, mais sans attendre la fin de l'exécution de Toto(), du coup, ta requête doit court-circuiter le traitement de Toto() qui n'aboutit donc pas.
Essaye d'appeler ta requête à la fin du code de Toto() et ça devrait marcher.
Exemple :

Code :

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

1
2
3
4
5
6
7
function appelAjax(){
    $.ajax(...)...
}
function Toto(){
    ...
    appelAjax();
}

[BouB]

Exemple de code:

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
 
CreerCompte_B2C : function(){  
   // Page.LoadIn(); n'est pas appelée
   Page.LoadIn();
 
    //on construit la chaine de parametres
   // la construction du param fonctionne bien
		var params = "email=" + ((GestionCookies.GetCookie('email') == null) ? "" : GestionCookies.GetCookie('email')) + "&motdepasse=" + ((GestionCookies.GetCookie('motdepasse') == null) ? "" : GestionCookies.GetCookie('motdepasse')) + "&autoident=" + GestionCookies.GetCookie('autoident');
		params = params + "&civilite=" + GestionCookies.GetCookie('civilite') + "&nom=" + ((GestionCookies.GetCookie('nom') == null) ? "" : GestionCookies.GetCookie('nom')) + "&prenom=" + ((GestionCookies.GetCookie('prenom') == null) ? "" : GestionCookies.GetCookie('prenom'));
 
		var retourStatut = -1;
		$.ajax({
			url: "profil.asmx/EnregistrerEnBDD_B2C",
			type: "GET",
			data: params,
			async: false,
			dataType: "text",
                        // Page.LoadIn() du beforeSend n'est pas lancé aussi
			/*beforeSend: function(statut){
                             Page.LoadIn();
                        },*/
			success: function(statut){
			  retourStatut = $(statut).text();
			  Page.LoadOut();
			},
			error : function(statut){
				retourStatut = -1;
			}
		});
 
		return retourStatut;
	},// end function

Donc ce code quand on ajoute un alert("qqc") juste avant le Page.LoadIn() la méthode Page.LoadIn() se lance bien. (ainsi que le alert).