HTML - PHP - AJAX проблема отправки данных

Question

Мой HTML Код:

<form action="process.php" method="POST" class="appointment">
<input type="text" name="name" class="form-control" required="" placeholder="Adınız">
<input type="text" name="surname" class="form-control" required="" placeholder="Soyadınız">
<input type="text" name="phone" class="form-control" required="" placeholder="Cep Telefonunuz">
<input type="email" name="email" class="form-control" placeholder="eMail Adresiniz">
<select name="service" required="" class="form-control" onchange="getPersonnels(this.value);">
    <option value="">1) Lütfen hizmet seçin</option>
    <option value="1">Klinik Diyet</option>
    <option value="2">Online Diyet</option>
    <option value="3">Klinik Psikolojik Destek</option>
    <option value="4">Online Psikolojik Destek</option>
    <option value="5">Fitness</option>
</select>
<select name="personnel" required="" id="personnels" class="form-control" onchange="getPersonnelWorkingDays(this.value);">
    <option value="">2) Lütfen önce hizmet seçin</option>
</select>
<select name="date" required="" id="personnel-date" class="form-control" onchange="getPersonnelWorkingDaysHours(this.value);">
    <option value="">3) Lütfen önce danışman seçin</option>
</select>
<select name="clock" required="" id="personnel-date-hours" class="form-control">
    <option value="">4) Lütfen önce gün seçin</option>
</select>
<input type="submit" name="create-appointment" value="Randevu Oluştur" class="btn btn-secondary py-3 px-4">

И мой js:

<script type="text/javascript">
function getPersonnels(val) {
    $.ajax({
        type: "POST",
        url: "/ajax.php?getPersonnels",
        data:'service='+val,
        success: function(data){
            $("#personnels").html(data);
        }
    });
}

function getPersonnelWorkingDays(val) {
    $.ajax({
        type: "POST",
        url: "/ajax.php?getPersonnelWorkingDays",
        data:'personnel='+val,
        success: function(data){
            $("#personnel-date").html(data);
        }
    });
}

function getPersonnelWorkingDaysHours(val) {
    $.ajax({
        type: "POST",
        url: "/ajax.php?getPersonnelWorkingDaysHours",
        data:'personnel'+val,
        success: function(data){
            $("#personnel-date-hours").html(data);
        }
    });
}
</script>

ajax. php включает:

<?
if(isset($_GET['getPersonnelWorkingDaysHours'])){
    /* Test block, i'll code here when i catch the value */
    <option><? echo $_POST['personnel']; ?></option> 
}
?>

Итак, вы видите, я хочу получить значение из имени «персонала» и идентификатора «сотрудников», другие функции выполняются, когда я запрашиваю страницу ajax. Но эта функция не могла. Я думаю, что эта проблема вызвана строкой

data:'personnel'+val,

моего js.

Какова ваша идея? Спасибо.

Answer 1

Я думаю, вы должны передавать данные о персонале как data: {staff: val} . Объединение персонала и данных отправляет одну строку, которая является персоналом ... где ... является val, и, следовательно, персонал перестает существовать как атрибут.