Skip to main content
adicionou 2 caracteres ao conteúdo; título editado
Fonte Link
UzumakiArtanis
  • 9,8mil
  • 8
  • 57
  • 103

Quando usar success: function() e .done(function()) em requisições assíncronas?

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.

Quando usar success: function() e .done(function()) em requisições assíncronas

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.

Quando usar success: function() e .done(function()) em requisições assíncronas?

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.

Tweeted twitter.com/StackOverflowPT/status/758395119146074113
Fonte Link
Caio Felipe Pereira
  • 4,6mil
  • 1
  • 19
  • 40

Quando usar success: function() e .done(function()) em requisições assíncronas

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.