jquery ajax: quando utilizzare le funzioni di callback hooks vs settings?

Question

Per quanto ne so dal the documentation, ci sono due modi distinti di gestire la risposta da una chiamata $.ajax().

1) Con funzioni passate nelle impostazioni $.ajax() s' oggetto:

$.ajax({ 
    success: function(){ ... }, 
    error: function(){ ... } 
}); 

2) Come chainable "ganci callback"

$.ajax({...}) 
    .done(function(){ ... }) 
    .fail(function(){ ... }) 

Quali sono le distinzioni importanti tra questi due approcci e quando dovrei sceglierne uno rispetto all'altro?

Answer 1

Se si collega la funzione direttamente alla chiamata, non c'è molta differenza nell'utilizzo. La differenza arriva quando vuoi avere la funzione di callback da qualche altra parte.

Invio la funzione di callback in un metodo:

function callForMe(callback) { 
    $.ajax({ 
    url: '...', 
    success: callback 
    }); 
} 

callForMe(function(data){ 
    // handle the response 
}); 

Ritorna la promessa da un metodo, in attesa della risposta di seguito:

function callFormMe() { 
    return $.ajax({ 
    url: '...' 
    }); 
} 

var promise = callForMe(); 
// later on: 
promise.done(function(data){ 
    // handle the response 
}); 

Answer 2

ho sempre utilizzare il nuovo oggetto differito (cioè chainable .done, .fail ecc.), anche se in molti casi non si risparmia la lunghezza del codice.

La ragione è che mi permette di disaccoppiare i dettagli di effettuare la chiamata AJAX dalla successiva gestione della risposta.

Il disaccoppiamento mi permette di:

1. astrarre i dati che vanno a prendere dall'elaborazione dei dati
2. aggiungere più gestori, anche dopo la chiamata AJAX completato
3. uso .fail gestori su helper Ajax che non hanno error: parametri
4. uso .pipe di post-trattare i dati prima di trasmetterla ad altri gestori
5. synchr onise with other asynchronous events

e tutto questo senza dover mai passare una richiamata direttamente alla chiamata AJAX.

Vedere this answer dove ho fornito esempi più concreti dei vantaggi.