utilisation de deferred

Version imprimable

24/12/2012, 03h32
gene69

utilisation de deferred

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
26/12/2012, 14h41
SpaceFrog

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

Bonsoir

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

Code:

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