Skip to main content
adicionou 3 caracteres ao conteúdo
Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 128

Não precisa usar id's em cada form. Basta pegar o form que disparou o evento submit com this e $(this). Até porque você também está repetindo id's, como o #message.

Altere o #message por uma class .message. Aí basta você buscar os elementos usando this. Por exemplo:

url: $('input[name=url]', this).val(),

E:

$('.message', this)

E no setTimeout, você faz:

setTimeout(function(){
$this.submit()}, 2000);

Onde a variável $this você declara no início da função do evento:

var $this = $(this);

Tanto this quanto $this representa o form que chamou o evento.

Também não precisa usar uma função dentro da função do evento. Basta executar o código direto, que será chamado novamente disparando o evento de forma manual no setTimeout, como mostrado anteriormente em $this.submit().

Então o código ficará desta forma:

$('form').submit(function(event) {
  event.preventDefault();
  var $this = $(this);
  $('button[name=submit]', this).attr({
    disabled: true
  }).html('<i class="fa fa-spinner fa-spin"></i>');

    $.ajax({
      url: $('input[name=url]', this).val(),
      type: 'POST',
      dataType: 'json',
      data: $this.serialize(),
      success: function(a) {
        if (a['status'] === 'ok') {
          $('.message', this$this).addClass('alert alert-success').html(a['message']);
        }
      },
      error: function(jqXHR, exception) {
        if (jqXHR.status === 403) {
          $(".message", this$this).removeClass('alert alert-info').addClass('alert alert-danger').html('Limite de taxa excedido.');
          $('button[name=submit]', this$this).show().attr({
            disabled: false
          }).html('<i class="fa fa-plus"></i> Enviar seguidores');
        } else {
          setTimeout(function(){
             $this.submit()}, 2000);
        }
      },
    });
});

Não precisa usar id's em cada form. Basta pegar o form que disparou o evento submit com this e $(this). Até porque você também está repetindo id's, como o #message.

Altere o #message por uma class .message. Aí basta você buscar os elementos usando this. Por exemplo:

url: $('input[name=url]', this).val(),

E:

$('.message', this)

E no setTimeout, você faz:

setTimeout(function(){
$this.submit()}, 2000);

Onde a variável $this você declara no início da função do evento:

var $this = $(this);

Tanto this quanto $this representa o form que chamou o evento.

Também não precisa usar uma função dentro da função do evento. Basta executar o código direto, que será chamado novamente disparando o evento de forma manual no setTimeout, como mostrado anteriormente em $this.submit().

Então o código ficará desta forma:

$('form').submit(function(event) {
  event.preventDefault();
  var $this = $(this);
  $('button[name=submit]', this).attr({
    disabled: true
  }).html('<i class="fa fa-spinner fa-spin"></i>');

    $.ajax({
      url: $('input[name=url]', this).val(),
      type: 'POST',
      dataType: 'json',
      data: $this.serialize(),
      success: function(a) {
        if (a['status'] === 'ok') {
          $('.message', this).addClass('alert alert-success').html(a['message']);
        }
      },
      error: function(jqXHR, exception) {
        if (jqXHR.status === 403) {
          $(".message", this).removeClass('alert alert-info').addClass('alert alert-danger').html('Limite de taxa excedido.');
          $('button[name=submit]', this).show().attr({
            disabled: false
          }).html('<i class="fa fa-plus"></i> Enviar seguidores');
        } else {
          setTimeout(function(){
             $this.submit()}, 2000);
        }
      },
    });
});

Não precisa usar id's em cada form. Basta pegar o form que disparou o evento submit com this e $(this). Até porque você também está repetindo id's, como o #message.

Altere o #message por uma class .message. Aí basta você buscar os elementos usando this. Por exemplo:

url: $('input[name=url]', this).val(),

E:

$('.message', this)

E no setTimeout, você faz:

setTimeout(function(){
$this.submit()}, 2000);

Onde a variável $this você declara no início da função do evento:

var $this = $(this);

Tanto this quanto $this representa o form que chamou o evento.

Também não precisa usar uma função dentro da função do evento. Basta executar o código direto, que será chamado novamente disparando o evento de forma manual no setTimeout, como mostrado anteriormente em $this.submit().

Então o código ficará desta forma:

$('form').submit(function(event) {
  event.preventDefault();
  var $this = $(this);
  $('button[name=submit]', this).attr({
    disabled: true
  }).html('<i class="fa fa-spinner fa-spin"></i>');

    $.ajax({
      url: $('input[name=url]', this).val(),
      type: 'POST',
      dataType: 'json',
      data: $this.serialize(),
      success: function(a) {
        if (a['status'] === 'ok') {
          $('.message', $this).addClass('alert alert-success').html(a['message']);
        }
      },
      error: function(jqXHR, exception) {
        if (jqXHR.status === 403) {
          $(".message", $this).removeClass('alert alert-info').addClass('alert alert-danger').html('Limite de taxa excedido.');
          $('button[name=submit]', $this).show().attr({
            disabled: false
          }).html('<i class="fa fa-plus"></i> Enviar seguidores');
        } else {
          setTimeout(function(){
             $this.submit()}, 2000);
        }
      },
    });
});
Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 128

Não precisa usar id's em cada form. Basta pegar o form que disparou o evento submit com this e $(this). Até porque você também está repetindo id's, como o #message.

Altere o #message por uma class .message. Aí basta você buscar os elementos usando this. Por exemplo:

url: $('input[name=url]', this).val(),

E:

$('.message', this)

E no setTimeout, você faz:

setTimeout(function(){
$this.submit()}, 2000);

Onde a variável $this você declara no início da função do evento:

var $this = $(this);

Tanto this quanto $this representa o form que chamou o evento.

Também não precisa usar uma função dentro da função do evento. Basta executar o código direto, que será chamado novamente disparando o evento de forma manual no setTimeout, como mostrado anteriormente em $this.submit().

Então o código ficará desta forma:

$('form').submit(function(event) {
  event.preventDefault();
  var $this = $(this);
  $('button[name=submit]', this).attr({
    disabled: true
  }).html('<i class="fa fa-spinner fa-spin"></i>');

    $.ajax({
      url: $('input[name=url]', this).val(),
      type: 'POST',
      dataType: 'json',
      data: $this.serialize(),
      success: function(a) {
        if (a['status'] === 'ok') {
          $('.message', this).addClass('alert alert-success').html(a['message']);
        }
      },
      error: function(jqXHR, exception) {
        if (jqXHR.status === 403) {
          $(".message", this).removeClass('alert alert-info').addClass('alert alert-danger').html('Limite de taxa excedido.');
          $('button[name=submit]', this).show().attr({
            disabled: false
          }).html('<i class="fa fa-plus"></i> Enviar seguidores');
        } else {
          setTimeout(function(){
             $this.submit()}, 2000);
        }
      },
    });
});