После отправки формы не приходят данные вместо переменных. Почему?

Question

[freeman0204]

html

<form action="#" id="form" method="GET">
                            <input type="text" name="fio" placeholder="ФИО*" required>
                            <input type="text" name="package" placeholder="Пакет*" required>
                            <input type="text" name="mail" placeholder="E-mail*" required>
                            <input type="text" name="tel" placeholder="Телефон*" required>
                            <input type="text" name="code" placeholder="Промокод">
                            <button class="btn">Зарегистрироваться</button>
                        </form>

js

$(document).ready(function() {

    $("#form").submit(function() {
        $.ajax({
            type: "GET",
            url: "mail.php",
            data: $(this).serialize()
        }).done(function() {
            $(this).find("input").val("");
            alert("Спасибо за заявку! Скоро мы с вами свяжемся.");
            $("#form").trigger("reset");
        });
        return false;
    });

});

php

<?php

$recepient = "[e-mail]";
$sitename = "Новый участник";

$fio = trim($_GET["fio"]);
$package = trim($_GET["package"]);
$mail = trim($_GET["mail"]);
$tel = trim($_GET["tel"]);
$code = trim($_GET["code"]);


$message = "ФИО: $fio \nПакет: $package \nE-mail: $mail \nТелефон: $tel \nПромокод: $code";

$pagetitle = "Новая заявка с сайта \"$sitename\"";
mail($recepient, $pagetitle, $message, "Content-type: text/plain; charset=\"utf-8\"\n From: $recepient");

Вот что приходит screenshot.ru/0e0d102629422f5eb402618aa9ed9e70

Comments

[shell_execute]

Сделайте дамп $_GET. P.S. лучше такие данные отправлять POST'ом.

[Александр]

у вас что-то скрипт подгулял
var getData = $(this).serialize();
данные запишите в переменную, чтоб не путаться
и потом в запросе используйте уже data: getData,

success: function (data) {
//здесь функция
},
error: function (data) {
console.log(data['error']);
}

Answer 1

[Олег]

попробуйте так:

$(document).ready(function() {

	$("#form").submit(function() {
		var form = $(this);
		$.ajax({
			type: "POST",
			url: "mail.php",
			data: form.serialize()
		}).done(function() {
			form.find("input").val("");
			form.trigger("reset");
			alert("Спасибо за заявку! Скоро мы с вами свяжемся.");
		});
		return false;
	});

});

Answer 2

[Евгений]

Параметры GET запроса передаются в URL самого запроса. Вы же складываете все в тело запроса, по этому на стороне сервера $_GET[] ничего не содержит. Т.е. Вам нужно сформировать URL вида
mail.php?fio="fio"&package="package" и т.д. Либо оставить все как есть, изменить метод запроса на POST и на стороне сервера брать значения из $_POST, соответственно.