Как отправить POST запрос с данными через Ajax?

Question

[Даниил Шмыголь]

Есть некая форма с данными типа email, name, e.t.c, а так же существует некий php-скрипт, но есть задача отправить это ajax-запросом - ниже код функции

function SendMessage() {
    document.onreadystatechange = function() {
        if(document.readyState == 4 && document.getElementById('personal_check').check) {
            document.getElementById('form').submit({
            ajax = new XMLHttpRequest(),
            ajax:open('POST','mail.php', true),
            ajax:send()
            });
        }
    }
}

Что мне нужно сделать, чтобы он заработал? Т.е чтобы передавал нужные мне данные?

Comments

[Леонид Князев]

Что мне нужно сделать, чтобы он заработал?

Написать обработчик события "submit", который будет отправлять данные из формы аякс-запросом. Вроде, логично.

Answer 1

[Adilet Zhuman]

$("Класс/Ид формы").submit(function(e){
e.preventDefault();
        var form_data = $(this).serialize();
        $.ajax({
        type: "POST",
        url: "/mail.php", //ссылка на файл php
        data: form_data,
        success: function() {
			alert('Спасибо, Заявка отправлена!'); //То что выводится после успешно отправки
			$('Класс/Ид формы')[0].reset(); //скидываем нашу форму
        }
      });
});

в самом php данные можно брать через
переменная = $_POST['тут имя инпута -> name=""']

Comments

[dollar]

Что с отступами?

[Adilet Zhuman]

dollar, с какими отступами?

[dollar]

Отступы в вашем коде нарушены.

[Adilet Zhuman]

dollar, человек просил работающий код, что я ему и дал с пояснением как он работает, а то что она не отредактирована по табуляции на ваше усмотрение. Табуляция влияет на чтение кода, а не на его функционал.

[Nik Faraday]

Adilet Zhuman, если это для asp.net, что ставить в url ?