Discussion :

[gene69]

Bonjour,

j'ai un ptit problème de conception dans un projet qui utilise jquery 1.9

je crée un objet js "graph" qui entre autres choses télécharge plusieurs contenus via $.ajax

pour celà j'utilise la structure $.when( ).then(), notament parce que j'ai compris comment l'utiliser pour lancer plusieurs requetes en parallèle.

Maintenant je souhaite faire une macro en js toujours qui va utiliser plusieurs de ses objets "graph". comment je dois faire pour que ces objets soient utilisés uniquement après que toutes les données de tous les objets soit totalement chargées?

j'ai bien mis le $.when().then() dans le constructeur de "graph", mais cette structure provoque le retours d'objets partiellement initialisés, donc ça plante.

Quelle est la bonne solution à mon problème? je galère avec cette notion d'objet deferred. Autre chose, firebug dispose t'il de fonctionnalité liés à ses objets?

merci

[SpaceFrog]

en synchrone tu as des souci dans le succès ?

[danielhagnoul]

Bonsoir

En utilisant pipe(), il retourne un nouvel objet différé pour $.when( ... ).then( ... ) final.

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
/** traitement de graph 1 **/
 
jqXHR10 = $.get( "fichier1.php", "html")
 
jqXHR10.done( function( data, textStatus, jqXHR ){ ... });
 
jqXHR10.fail( function( jqXHR, textStatus, errorThrown ){ ... });
 
jqXHR11 = $.get( "fichier2.php", "text")
 
jqXHR11.done( function( data, textStatus, jqXHR ){ ... });
 
jqXHR11.fail( function( jqXHR, textStatus, errorThrown ){ ... });
 
var deferGraph1 = $.when( jqXHR10, jqXHR11 ).pipe(
    function(){ // doneFilter1
      ...
    }, 
    function(){ // failFilter1
      ...
    }
);
 
/** Traitement de Graph 2 **/
 
jqXHR20 = $.getJSON( "fichier3.php")
 
jqXHR20.done( function( data, textStatus, jqXHR ){ ... });
 
jqXHR20.fail( function( jqXHR, textStatus, errorThrown ){ ... });
 
jqXHR21 = $.get( "fichier4.php", "xml")
 
jqXHR21.done( function( data, textStatus, jqXHR ){ ... });
 
jqXHR21.fail( function( jqXHR, textStatus, errorThrown ){ ... });
 
var deferGraph2 = $.when( jqXHR20, jqXHR21 ).pipe( doneFilter2, failFilter2 );
 
/** when final **/
 
$.when( deferGraph1, deferGraph2 ).then( doneCallbacks, failCallbacks );