concatenazione multiple jQuery Ajax richiede

Question

Ho il seguente codice:

$.when(loadProjects()) 
    .then(function() { 

     $.when.apply($, buildRequests(projects)) 
     .then(function(data) { 

      $.when.apply($, vcsRequests(buildTypes)) 
      .then(function(data) { 

       $.when.apply($, vcsDetailRequests(vcsRoots)) 
       .then(function(data) { 
        alert('done'); 
       }); 

      }); 

     }); 

    }); 

Ciascuna delle funzioni passate in when.apply() array di ritorno di richieste. Non riesco a eseguire le chiamate buildRequests finché le chiamate da loadProjects() non sono terminate poiché si basano sulle informazioni restituite da tali chiamate. Ogni chiamata dipende dalle informazioni restituite dalla chiamata precedente, quindi devono essere in questo ordine. Devo sapere quando tutte le chiamate sono finite, così posso elaborare i dati restituiti.

C'è un modo più pulito per avvicinarsi a questo?

Answer 1

Mi sono imbattuto nello yepnope.js l'altro giorno. Non l'ho ancora provato, ma potrebbe essere utile se stai caricando molto ajax.

---

Pensandoci sopra mi rendo conto che yepnope.js non è realmente applicabile al tuo caso. Quello che prenderei in considerazione nel tuo caso è di avere loadProjects() e restituire una singola promessa applicando internamente when() in ogni funzione. mettendo anche pipe() da usare potrebbe portare a qualcosa di simile

loadProjects().pipe(buildRequests).pipe(vcsRequests).pipe(vcsDetailRequests); 

Esempio buildRequests():

function buildRequests(projects){ 
    // Do something using projects 
    // ... 

    var requestsPromise = ...; // Finally get ajax promise for requests 
    return requestPromise; 
} 

Il risultato della requestPromise sarà poi passato alla funzione successiva in filodiffusione una volta che è stato risolto/respinta.

---

Dalla documentazione sulla pipe():

// Example: Chain tasks: 

var request = $.ajax(url, { dataType: "json" }), 
    chained = request.pipe(function(data) { 
     return $.ajax(url2, { data: { user: data.userId } }); 
    }); 

chained.done(function(data) { 
    // data retrieved from url2 as provided by the first request 
}); 

Answer 2

.... risposta secondo il mio commento sul post originale:

Sembra si hanno molte richieste a catena. Vorrei quindi prendere in considerazione che unisce tutte le richieste in sola .... molto più efficiente di concatenamento ...

Beh, qualcosa di simile:

PHP: 
$projects = YourAPI::loadProjects(); 
$builds = YourAPI::getBuilds($projects); 
$vcs = YourAPI::getVCS($builds); 
$details = YourAPI::getVCSDetails($vcs); 

// for example 
return json_encode($details); 

// OR, if you need all the data 
$results = array( 
    "projects" => $projects, 
    "builds" => $builds, 
    "vsc" => $vcs, 
    "details" => $details 
); 
return json_encode($results); 

In questo modo, si ha synhronization inerente tra chiamate e meno HTTP trafiic;)

Answer 3

catena dipendenza delle richieste AJAX: È possibile concatenare più richiesta AJAX - per esempio, in prima convocazione recupera i dettagli utente di un utente, e dobbiamo passare quel valore al secondo script. Ricorda che $.then() restituisce una nuova promessa, che può essere successivamente passata allo $.done() o anche a un altro metodo $.then().

var a1 = $.ajax({ 
      url: '/first/request/url', 
      dataType: 'json' 
     }), 
    a2 = a1.then(function(data) { 
      // .then() returns a new promise 
      return $.ajax({ 
       url: '/second/request/url', 
       dataType: 'json', 
       data: data.userId 
      }); 
     }); 

a2.done(function(data) { 
    console.log(data); 
});