仅特定变量适用于我的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以使其匹配）时，当我单击我的按钮时，它会开始提供未识别的索引消息。它的工作方式很好，所以我很困惑为什么只有该名称有效。