How to repeat a failed ajax query?

Question

The problem is that sometimes the consultation runs out of time or even gives error, so I want to automate in these cases.

$.ajax({
            type: "GET",
            url: 'inserindodados.prisma',
            data: $('#FormularioDescoberta').serializeArray(),
            dataType: "json",
            success: function(sucesso){
            // Beleza deu certo!
            }
            error: function(erro){
            // Tente novamente
            }

});

Answer 1

Put a function around it so it can auto-invoke.

I made an example where you wait 0.5 seconds before the next attempt and get a maximum of attempts.

You can do the most advanced thing with setTimeout to interrupt if it takes too long, but in the example I considered only the case of calling the error callback.

Example:

function ajax(dados, nrTentativas, cb) {
  $.ajax({
    type: "GET",
    url: 'inserindodados.prisma',
    data: dados,
    dataType: "json",
    success: function(sucesso) {
      // Beleza deu certo!
      cb(null, sucesso);
    }
    error: function(erro) {
      // Tente novamente
      if (nrTentativas > 0) setTimeout(ajax.bind(null, dados, nrTentativas - 1, cb), 500);
      else cb(erro);
    }

  });
}

var dados = $('#FormularioDescoberta').serializeArray();
ajax(dados, 5, function(err, resposta) {
  if (err) return console.log(err);
  console.log(resposta);
});