De maneira simples, posso escrever uma requisição assíncrona como:
$.ajax({
url: url,
dataType: 'json',
type: 'GET',
success: function (_user){
alert (_user)
}
});
que me alerta o retorno _user
. Igualmente, escrevo:
$.ajax({
url: url,
dataType: 'json',
type: 'GET'
}).done(function(_user){
alert(_user);
});
que alerta precisamente o mesmo resultado. Eu sei que success: function()
no primeiro caso é um callback, executado no sucesso da requisição, assim como fail: function()
e always: function()
são executados conforme os nomes dizem.
Falando em nomes, é possivel inferir que, quando a requisição está pronta (done
), o método chainable .done()
é executado. Entendo também que o método $.ajax
retorna um deferred object, que é exatamente no qual o .done()
atua, por isso a diferença na sintaxe entre ele e o success
.
De qualquer jeito, apesar do meu exemplo minimalista, na grande maioria dos casos eu não entendo quando usar cada uma das maneiras - seja ela um callback ou o encadamento de mais um método - visto que eu obtenho o resultado esperado em ambas. Eu conheço ainda uma terceira maneira para obter esse resultado, mas ela envolve a diretiva async: false
, que acaba fugindo do escopo da pergunta.
Então, em que momento usar .done()
? Quando usar o callback success: function()
? Gostaria de exemplos práticos e, se possível, exemplos cujo resultado seja diferente quando uma ou outra aproximação é executada.