Отправить форму после события.preventDefault?

Question

Я знаю, что этот вопрос задан миллион раз, но я просто не могу заставить его работать. Может кто-то дать мне знать, что я делаю неправильно.

Вот мой код:

$('#frm').submit(function(event) { 
    event.preventDefault(); 
    var formData = $(this).serialize(); 
    var email = $('input#email').val(); 
    if (email == '') { 
     alert('Please enter your email address'); 
     $('input#email').focus(); 
     return false; 
    } else { 
     $.post('http://www.domain.com/', formData, function() { 
      $('#frm').submit(); 
     }); 
    } 
}); 

Answer 1

Вы можете отправить форму с помощью DOM узла представить метод:

$.post('http://www.domain.com/', formData, function() { 
    this.submit(); // 'this' not '$(this)' 
}.bind(this)); // 'bind' to set relevant context, or use jq $.proxy(handler, this) to support older browsers 

Answer 2

Этот код не имеет смысла

$.post('http://www.domain.com/', formData, function() { 
     $(this).submit(); 
    }); 

вы отправляете, а затем, когда запрос возвращается с успехом, вы пытаетесь вызвать представить в виде еще раз?

Кстати, this в этом контексте относится к объекту jqXHR вызова Ajax, а не к форме. См $(this) inside of AJAX success not working

Answer 3

Поскольку большинство ответов говорит, this не является ссылкой на форму. Затем вам нужно будет создать ссылку для него следующим образом (см. that var). В любом случае это необходимо, только если вы хотите использовать его позднее в обратном вызове success:

$('#frm').submit(function(event) { 

    // Create a reference to your form 
    var that = this; 

    event.preventDefault(); 
    var formData = $(this).serialize(); 
    var email = $('input#email').val(); 
    if (email == '') { 
     alert('Please enter your email address'); 
     $('input#email').focus(); 
     return false; 
    } else { 
     $.post('http://www.domain.com/', formData, function() { 

      // On success response do your stuff here and 
      // submit to your 'own domain' 
      // In case you don't have the action attr, give a value to this var. 
      var url = $(that).attr('action'); 
      $.post(url, formData, function() { 
       // On success response do your stuff here 
      }); 
     }); 
    } 
});