Как правильно передать из ajax в php?

Question

[Oleg Seledets]

Здравствуйте!
Имеется ajax запрос, который должен передать данные в php:

script

function getType()
	{
		return $('#soft_type').val();
	}	
	
	function setName()
	{
		var mydata = getType();
		var userdata = {'id':mydata};
		$.ajax({
				type: "POST",
				url: "index.php",
				data:userdata, 
				success: function(data){
					console.log(data);
				}
        });
	}

Код, который, я бы хотел, должен принимать данные из запроса:

вызывает скрипт

<div class = "col-sm-2">
<select class="form-control" id="soft_type" name="soft_type" onchange="setName()" required="required"">
											
<?php
$result_types = DB::select('SELECT type FROM equip_cost GROUP BY type');
foreach ($result_types as $rtype) {
	echo '<option>';echo $rtype->type;echo ' </option>';
}
?>
</select>
														
</div>

получает из аякса

<div class = "col-sm-2">
<select class="form-control" id="soft_type" name="soft_type" onchange="setName()" required="required"">
											
<?php
$result_types = DB::select('SELECT type FROM equip_cost GROUP BY type');
foreach ($result_types as $rtype) {
	echo '<option>';echo $rtype->type;echo ' </option>';
}
?>
</select>
<div class="col-sm-3">
<select class="form-control" id="soft_name" name="soft_name" required="required">
<?php
if(isset($_POST['id'])) {
	$idtype = $_POST;
	$idtype = ['id'];
	$result_types = DB::select('SELECT name FROM equip_cost where type="'.$idtype.'"');
	foreach ($result_names as $rname) {
	echo '<option>';echo $rname->name;echo ' </option>';
	}
} 
else {
echo '<option>Choose your destiny</option>';
}
?> 	
</select>
</div>														
</div>

Как правильно передать? Так как сделал я - ругается Undefined index: id

Comments

[Siverius]

if(isset($_POST['id'])) {
    $idtype = $_POST['id'];
    $result_types = DB::select('SELECT type FROM equip_cost GROUP BY type');
    foreach ($result_types as $rtype) {
        echo '<option>';echo $rtype->type;echo ' </option>';
    }
} else {
    echo '<option>Choose your destiny</option>';
}

[irishmann]

js и PHP у тебя в разных файлах?

[Oleg Seledets]

irishmann, да

[Oleg Seledets]

Siverius, isset не отрабатывает, переводится на вариант "иначе"

[Siverius]

Oleg Seledets, так если isset не отрабатывает, значит $_POST['id'] не существует. Тут нужно уточнить - вы пишете о том, что isset не отрабатывает при загрузке страницы или уже после отправки данных посредством ajax? Файлы js и php в одной директории находятся?

[Oleg Seledets]

Нет, файлы не в одной директории. Скрипт повешан на действие onchange, поэтому когда я комбобокс дергаю, аякс должен передать мне переменную, и на основе её изменится второй комбобокс

[Siverius]

Oleg Seledets, мне кажется, у вас проблемы с роутингом. Только что проверил на своём сервере - всё отрабатывает без проблем. Проверьте путь, по которому аякс будет отсылать данные, вероятно, они идут не в скрипт с $_POST['id']

[Siverius]

Вопрос вдогонку, так только сейчас увидел, что вы дополнили свой вопрос третьим скриптом - это что-то самописное или вы используете фреймворк/cms?

PS Я думаю, логичнее было бы разделить файл на два, а ещё лучше - использовать MVC

[Oleg Seledets]

Siverius, использую bootstrap для отрисовки, а так задача - на laravel. Пойду смотреть route. Спасибо. Какой файл на 2 разделить?

[Siverius]

Oleg Seledets, Laravel - MVC фреймворк. Я думаю, вам нужно php-скрипты перенести в контроллер, в два разных экшена. При открытии страницы с выпадающими списками у вас должен произойти в одном экшене контроллера запрос к модели, которая вернёт перечень типов, а экшен передаст их во вью, где вы используете что-то вроде html helper для того, чтобы фреймворк сам собрал выпадающий список. Второй выпадающий список будет пока пуст. При изменении первого выпадающего списка сработает ваш скрипт, он отправит данные в другой экшн того же контроллера, этот экшн снова спросит модель (передаст ей выбранный тип), та соберёт запрос и обратится к БД, получит данные, передаст их в экшн, где будет собран перечень options и выведен вам на страницу. Примерно так как-то...

[Oleg Seledets]

Siverius, благодарю

Answer 1

[Григорий Васильков]

Так у тебя не аякс ругается, а видимо сама страница когда ты её без аякса запрашиваешь, потому что туда ничего не передали.

Проблема комплексная.

Не выводи в ответ ничего кроме редиректа, когда данные отправляются постом. Нефиг. Есть Гет для этого. Нет, это не значит что данные нужно отправлять гетом. Это значит что когда ГЕТ - отдавай верстку. А когда пост - сохраняй данные. Если нужно с Гета на Пост перейти и не потерять - есть сессия (привязана к тому кто запрашивал) или база (для всех, придется ввести признак, как ты поймешь что это его). Этот совет актуален когда ты запрашиваешь страничку через браузер.

В случае с Аяксом (параллельной отправкой) действуют правила API - компьютеры общаются между собой, им плевать что ты хотел нарисовать, они понимают только текст. Причем не понимают - они его передают и обрабатывают. А если еще точнее то они передают пакеты и им даже на текст плевать, но с текстом тебе привычнее работать. То есть в ответ на Пост пусть вылетает JSON с массивом а не верстка. Верстку строим потом на клиенте.

В третьих можно писать так $id = $_POST['id'] ?? null; если пыха (не бэха) семерка. На крайняк
$id = (! empty($POST['id']) ? $_POST['id'] : null;