显示快速连续 AJAX 调用的结果

为了更好地可视化它，我有一个用于酒店管理应用程序的PHP脚本，可以显示日历(表格列：每月的天数/行：每天的价格(。

我可以在编辑模式下访问此脚本，该脚本在每个.

当我更改字段的值时，ajaxcall 会执行后台作业并将更新的值返回到字段(以确认数据库中的新值已更新(。

当我缓慢更改值(每个字段超过 1 秒(时，它运行良好。但是当我尝试加快速度(编辑值、TAB 到下一个字段、更改值等(时，ajaxcall 会更新数据库，但它无法更新回字段。

关于为什么会发生这种情况的任何想法？以及如何解决它？我已经在所有浏览器中尝试过。

网页部分：

<td>
    <input type='text' id='$counter' onChange='updateAvailability(this,$idroomclass,'"$date'",$counter)'
    value='$total' />
</td>  

Javascript：

function ajaxRequest() {
    try {
        var request = new XMLHttpRequest()
    } catch (e1) {
        try {
            request = new ActiveXObject("Msxml2.XMLHTTP")
        } catch (e2) {
            try {
                request = new ActiveXObject("Microsoft.XMLHTTP")
            } catch (e3) {
                request = false
            }
        }
    }
    return request
}
function updateAvailability(vagos, idroomclass, date, input_id) {
    if (vagos.value != "") {
        params = "vagos=" + vagos.value + "&idroomclass=" + idroomclass + "&date=" + date
        request = new ajaxRequest()
        request.open("POST", "ajaxcalls/updateAvailability.php", true)
        request.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
        request.setRequestHeader("Content-length", params.length)
        request.setRequestHeader("Connection", "close")
        request.onreadystatechange = function () {
            if (this.readyState == 4) {
                if (this.status == 200) {
                    document.getElementById(input_id).value = request.responseText;
                } else alert("Ajax error: " + this.statusText)
            }
        }
        request.send(params)
    }
}