Скрипт для отправки формы через AJAX - из jQuery на чистый JavaScript

[volshebnyi]

Здравствуйте!

Подскажите, пожалуйста, как этот скрипт на jQuery будет выглядеть на чистом JavaScript:

$(document).ready(function(){
    $("#form").submit(function() { //устанавливаем событие отправки для формы с id=form
            var form_data = $(this).serialize(); //собераем все данные из формы
            $.ajax({
            type: "POST", //Метод отправки
            url: "send.php", //путь до php фаила отправителя
            data: form_data,
            success: function() {
                   //код в этом блоке выполняется при успешной отправке сообщения
                   alert("Ваше сообщение отпрвлено!");
            });
    });
});

 

Вот ссылка - https://jsfiddle.net/ep286etz/

Заранее благодарен за помощь!

[Igor Schnaider]

http://youmightnotneedjquery.com/#post

[volshebnyi]

Спасибо, но как быть с остальным? Например с serialize?

[Switch74]

  for(var i = 0; i < form.elements.length; i++)
  {
    el = form.elements[i];
  }

 

[Igor Schnaider]

Ну прийдется обходить элементы формы, как-то так.