Почему не отправляется ajax?

Question

[GaserV]

Почему не отправляется? "Uncaught TypeError: Illegal invocation"

function senddata(s) {

  var serial  = new FormData( $("#getpresent-form") );
  present = $(s).data('present');

  $('.thanks-page').addClass('active');
  
  $('.close-form').click();

  setTimeout(function(){
    $('.thanks-page').removeClass('active');
  }, 3000);

  $.ajax({

    url: 'test.php',
    type: 'post',
    data: serial,

    success: function(data){
      alert('Ваше сообщение отправлено!');
      console.log(data);
    },
    error: function(data){
      console.log(data);
    }

  });
}

Answer 1

[Stalker_RED]

или

var serial  = new FormData( $("#getpresent-form")[0] );

или
data: $("#getpresent-form").serialize(),

Answer 2

[mc_marsel]

Наверно потому что у тебя Ajax не прикручен ни к одному из событий.

$('.close-form').click();

- например вот к этому.

Comments

[GaserV]

так у меня onclick="senddata(this)"

Answer 3

[Дмитрий Беляев]

var serial  = new FormData( $("#getpresent-form") );

Замените эту строчку на:

var serial  = new FormData( $("#getpresent-form").get(0) );

jQuery возвращает обертки над DOM
FormData - нативный конструктор и про jQuery ничего не знает

Comments

[GaserV]

Попробовал два способ вами предложенных. Трабл не решился. Та же ошибка. Пробовал убрать ajax - её нет. В чем еще может быть ошибка?

Answer 4

[GaserV]

Вообщем рабочим вариантом стало serializeArray() + push) Спасибо всем!)