То ли _POST не работает, то ли serialize на js отправляет что то не то, глянем?

Question

[Егор Чеботарев]

Стремлюсь писать на чистом js. Нашел скрипт для отправки формы – serialize().

function serialize(form) {
	if (!form || form.nodeName !== "FORM") {
		return;
	}
	var i, j, q = [];
	for (i = form.elements.length - 1; i >= 0; i = i - 1) {
		if (form.elements[i].name === "") {
			continue;
		}
		switch (form.elements[i].nodeName) {
		case 'INPUT':
			switch (form.elements[i].type) {
			case 'text':
			case 'hidden':
			case 'password':
			case 'button':
			case 'reset':
			case 'submit':
				q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
				break;
			case 'checkbox':
			case 'radio':
				if (form.elements[i].checked) {
					q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
				}						
				break;
			case 'file':
				break;
			}
			break;			 
		case 'TEXTAREA':
			q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
			break;
		case 'SELECT':
			switch (form.elements[i].type) {
			case 'select-one':
				q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
				break;
			case 'select-multiple':
				for (j = form.elements[i].options.length - 1; j >= 0; j = j - 1) {
					if (form.elements[i].options[j].selected) {
						q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].options[j].value));
					}
				}
				break;
			}
			break;
		case 'BUTTON':
			switch (form.elements[i].type) {
			case 'reset':
			case 'submit':
			case 'button':
				q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
				break;
			}
			break;
		}
	}
	return q.join("&");
}

Отправляю данные на сервер и через mail.php себе на почту

$name = $_POST['name'];
    $select = $_POST['select'];
    $email = $_POST['mail'];
    $phone = $_POST['phone'];
    $comment = $_POST['description'];
    $message = "Имя: {$name},\r\nПочта: {$email},\r\nТелефон: {$phone},\r\nКомментарии: {$comment}";

    $to = "[e-mail]";
    $subject = "Заявка";
    $from = "[e-mail]";
    $headers = "From: $from";
    mail($to,$subject,$message,$headers);
    echo "Mail Sent.";

Просматриваю строку, которая отправляется на сервер в консоле, все в порядке, уходит в корректном виде, а на почту приходит письмо без переменных.

С этим же кодом в mail.php на сервере, serialize() от jQuery работает корректно, видимо ошибка в js serialize, но где?

Comments

[_ _]

Покажите, как результат сериализации отправляете

[Егор Чеботарев]

var msg;
            msg = serialize(document.querySelector('form'));
          
            
            var xhr = new XMLHttpRequest();

            // 2. Конфигурируем его: POST-запрос на URL 'mail.php'
            xhr.open('POST', 'mail.php', true);

            xhr.addEventListener('load', function() {
                if (xhr.status != 200) {
                    // обработать ошибку
                    alert( xhr.status + ': ' + xhr.statusText ); // пример вывода: 404: Not Found
                } else {
                    document.querySelector('.form__content').style.display = 'none';
                    document.querySelector('.form-successful').style.display = 'block';
                }
            });

            xhr.send(msg);
            console.log(msg);

[_ _]

Александр Марченко: А application/x-www-form-urlencoded в заголовках запроса есть?

[Егор Чеботарев]

Александр Марченко: погуглил о чем вы спрашиваете и примерно понял о чем идет речь. Но где это посмотреть и указать, если нет?

Answer 1

[Александр]

сделайте var_dump($_POST);
в обработчике

посмотрите что приходит вообще к обработчику

Answer 2

[Сергей Зеленский]

JSON.parse – читает объекты из строки в формате JSON
JSON.stringify – превращает объекты в строку в формате JSON
берешь ляпаешь значение формы в один объект, хегачешь через JSON.stringify а на сервере преобразуешь в массив через json_decode() и не будет проблем

Comments

[Егор Чеботарев]

Это реализация данной проблемы без serialize, правильно понимаю?

[Сергей Зеленский]

и кстати не стоит так в php в строку переменные вставлять , используй одинарные кавычки 'reerre' .$var. 'ererer'

[Сергей Зеленский]

да

[Егор Чеботарев]

Подскажите с php пожалуйста, в нем совсем не разбираюсь.

$obj = json_decode($_POST);

$name = $obj["name"];
$select = $obj["select"];
$email = $obj["mail"];
$phone = $obj["phone"];
$comment = $obj["comment"];
$message = "'Имя:'.$name.',\r\nПочта: '.$email.',\r\nТелефон: '.$phone.',\r\nКомментарии: '.$comment.'";

$to = "[e-mail]";
$subject = "Заявка";
$from = "[e-mail]";
$headers = "From: $from";
mail($to,$subject,$message,$headers);
echo "Mail Sent.";

[Егор Чеботарев]

Сергей, подскажите пожалуйста, уже голову сломал.

Отправляю строку на сервер:

var msg = {},
                str;
            msg.name = name.value;
            msg.mail = mail.value;
            msg.phone = phone.value;
            msg.select = select;
            msg.comment = comment;

            str = JSON.stringify(msg);

            //msg = serialize(document.querySelector('form'));

            var xhr = new XMLHttpRequest();

            // 2. Конфигурируем его: POST-запрос на URL 'mail.php'
            xhr.open('POST', 'mail.php', true);

            xhr.addEventListener('load', function() {
                if (xhr.status != 200) {
                    // обработать ошибку
                    alert( xhr.status + ': ' + xhr.statusText ); // пример вывода: 404: Not Found
                } else {
                    document.querySelector('.form__content').style.display = 'none';
                    document.querySelector('.form-successful').style.display = 'block';
                }
            });

            xhr.send(str);
            console.log(str);

Принимаю на сервере и отправляю массив:
Пробовал отправлять $obj["name"], результат тот же–ничего не приходит.

$obj = json_decode($_POST, true);

    $to = "[e-mail]";
    $subject = "Заявка";
    $from = "[e-mail]";
    $headers = "From: $from";
    mail($to,$subject,$obj,$headers);
    echo "Mail Sent.";