Почему в обработчике формы PHP в переменных не присваиваются значения инпутов?

Question

[carbanak01]

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

<?php

$name = $_POST['user_name'];
$phone= $_POST['user_phone'];
$email= $_POST['user_email'];
$token= "95690M";
$chat_id = "-378235328";
$arr = array(
	'Имя пользователя:'=>$name,
	'Телефон:'=>$phone,
	'Email:'=>$email
);
foreach ($arr as $key => $value) {
	$txt .="<b>".$key."</b>".$value."%0A";
}
$sendToTelegramm = fopen("https://api.telegram.org/bot{$token}/sendMessage?chat_id={$chat_id}&parse_mode=html&text={$txt}","r");

?>

function ajaxPost(params){
	var request = new XMLHttpRequest();
	request.open('POST', '<?php echo get_template_directory_uri()?>/telegramm.php');
	request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	request.send(params);
}
checkout.addEventListener('click', check);
function check(){
	if(checkoutName.value == "" || checkoutPhone.value == ""){
		checkoutBG.style = 'opacity:1.08; display:block;';
		alertFall.classList.remove('hideSweetAlert');
		alertFall.classList.add('showSweetAlert');
		alertFall.classList.add('visible');
		alertFall.style ='display:block;margin-top:-179px;';
	}else{
		ajaxPost();
		checkoutBG.style = 'opacity:1.08; display:block;';
		alertAccess.classList.remove('hideSweetAlert');
		alertAccess.classList.add('showSweetAlert');
		alertAccess.classList.add('visible');
		alertAccess.style ='display:block;margin-top:-179px;';
	}
}

<form method="POST" class="form text-in" id="form0">
    <div class="fields">
        <div class="field" style="width: 177px;">
            <div class="input">
                <input id="checkoutName" name="user_name" class="form-control text" type="text" placeholder="Имя *" value="" style="border-radius: 0px;">
            </div>
        </div>
        <div class="field" data-type="phone" style="width: 177px;">
            <div class="input">
                <input id="checkoutPhone" name="user_phone" class="form-control text" type="text" placeholder="Телефон *" value="" style="border-radius: 0px;">
            </div>
        </div>
    </div>
    <div class="macros-button">
        <div class="btn-out full xs-none">
            <div class="btn-inner">
                <button class="btn font-text submit" id="uid19" type="button">
                    <span class="text">Оформить заказ</span>
                </button>
            </div>
        </div>
    </div>
</form>

Код может написан кривовато, но это всё потому что я новичок)

Comments

[irishmann]

Спасибо за токен.

[Дмитрий]

Добрый вечер.
Читайте логи сервера, там найдёте ответ.

[carbanak01]

irishmann, упс!

[carbanak01]

Дмитрий, как прочитать логи сервера?

[Дмитрий]

carbanak01, открыть директорию с логами и прочитать при помощи любого текстового редактора.

[carbanak01]

Дмитрий, это делается через FTP ? Или надо посмотреть логи на хостинге?

[Дмитрий]

carbanak01, как Вам будет удобно.

[Дмитрий]

carbanak01, так же ищите ошибки, предупреждения в консоли браузера на вкладках "консоль" и "сеть"

[carbanak01]

Дмитрий, в логах написано Undefined index: user_name, Undefined index: user_phone, Undefined index: user_email . Почему так происходит? Не понимаю что мешает ему присвоить в переменные значение инпутов?

[carbanak01]

Дмитрий, какие могут быть варианты решения этих проблем?

[Дмитрий]

carbanak01, инициализируйте переменные. Проверьте, что приходит в $_POST.

Answer 1

[irishmann]

Потому что ты ничего не отправляешь в теле запроса. В функции ajaxPost отправляются данные в пункте request.send(params);. Сам же ты вызываешь эту функцию в функции check без параметров, то есть у тебя в params должны быть данные из формы.

ajaxPost();

Но так как ты вызываешь ее без ничего, то на сервер уходит пустой запрос и тут у тебя пустые переменные:

$name = $_POST['user_name'];
$phone= $_POST['user_phone'];
$email= $_POST['user_email'];

И в сообщении в телеграмм тоже пусто.

Comments

[carbanak01]

Я в параметрах функции отправил поле с айдишником checkoutName, но в телеграмм сообщении все равно не появилось имя

var checkoutName= document.getElementById('checkoutName');
    ajaxPost(checkoutName);

Или я как то не так понял ваш ответ?

[irishmann]

carbanak01, https://developer.mozilla.org/ru/docs/Web/API/XMLH...

[carbanak01]

irishmann, всё равно не помогает
Пробовал так:

var user_name = document.getElementById('checkoutName').value,
  		user_phone = document.getElementById('checkoutPhone').value;
  	var result = {
  		"user_name":  user_name,
  		"user_phone": user_phone
  	}
    ajaxPost(result);

и так

var result = document.getElementById('form0');
ajaxPost(result);

[irishmann]

carbanak01,

<form method="POST" class="form text-in" id="form0">
    <div class="fields">
        <div class="field" style="width: 177px;">
            <div class="input">
                <input required id="checkoutName" name="user_name" class="form-control text" type="text" placeholder="Имя *" value="" style="border-radius: 0px;">
            </div>
        </div>
        <div class="field" data-type="phone" style="width: 177px;">
            <div class="input">
                <input required id="checkoutPhone" name="user_phone" class="form-control text" type="text" placeholder="Телефон *" value="" style="border-radius: 0px;">
            </div>
        </div>
    </div>
    <div class="macros-button">
        <div class="btn-out full xs-none">
            <div class="btn-inner">
                <button class="btn font-text submit" id="uid19" type="submit">
                    <span class="text">Оформить заказ</span>
                </button>
            </div>
        </div>
    </div>
</form>
<script>
    var uid19 = document.getElementById('uid19');
    var form = document.getElementById('form0');
    
    form.onsubmit = function(event){
        event.preventDefault();
        var data = new FormData(form);
        var request = new XMLHttpRequest();
        request.open('POST', 'АДРЕС_ОБРАБОТЧИКА.php');
        request.send(data);
    };
</script>

[irishmann]

carbanak01, На будущее, открывайте и смотрите инструменты разработчика, вкладка Network чтобы видеть что ушло ajax'ом в php

[carbanak01]

Спасибо за код) Но всё равно не работает. В вкладка Network показывает ------WebKitFormBoundaryfBy0XITDk6CLwYII
Content-Disposition: form-data; name: "user_name"

sdf
------WebKitFormBoundaryfBy0XITDk6CLwYII
Content-Disposition: form-data; name="user_phone"

dfsafa
------WebKitFormBoundaryfBy0XITDk6CLwYII--
Я не понимаю опять же почему не присваиваются переменные $name = $_POST['user_name'];
$phone= $_POST['user_phone'];

[irishmann]

carbanak01, убери отправку заголовка request.setRequestHeader

[carbanak01]

irishmann, Вау! Работает!!! Ураа! Я так рад ! Спасибо тебе огромное!!!
Скажи пожалуйста почему из за request.setRequestHeader он не работал?

[irishmann]

carbanak01, https://developer.mozilla.org/ru/docs/Web/HTTP/Met...