Для моего кода ajax работает только определенная переменная

Question

Я так растерялся.У меня есть форма, и на данный момент я отправляю значение в мою функцию javascript.Он работает с определенным именем «bookDate», но всякий раз, когда я решаю изменить имя, он выдает мне неопознанную ошибку индекса.

ФАЙЛ HTML:

<input name="submit" type="button"                          onClick="postBooking('postbooking.php','targetDiv', pickUpDate.value, pickUpTime.value) " value="Book a Cab!">

Javascript:

function postBooking(dataSource, divID, bookingDate, bookingTime) {
    if (xhr) {
        var place = document.getElementById(divID);
        var url = dataSource + "?bookDate=" + bookingDate + "&bookTime=" + bookingTime;
        xhr.open("GET", url, true);

PHP:

$pickUpDate = $_GET["bookDate"];
    $pickUpTime = $_GET["bookTime"];
    echo $pickUpDate." ".$pickUpTime;

В javascript, когда я заменяю «bookDate» на другое имя (я также изменяю php GET, чтобы соответствовать), он начинает давать индексное неопознанное сообщение, когда янажмите мою кнопкуОн работает нормально, так что я так растерялся, почему работает только это имя.