并发AJAX请求不起作用。最新请求将覆盖先前的请求 - javascript

我的网页上有一个表格，每行都有一个“ +”按钮，因此会出现一个迷你表格。迷你表包含来自超慢数据库的数据，因此我通过ajax请求将数据输入。我的问题根源于某种情况。假设您按下引起AJAX请求的加号按钮，而在等待时按下另一个加号按钮。第二个ajax请求导致第一个请求永不返回。换句话说，最新请求将覆盖所有先前的未决请求。知道为什么会这样吗？我觉得当您不使用jQuery处理AJAX时可能会发生这种情况，但是我不确定，而且找不到任何可以说明这种情况的信息。我在下面附加我的代码。任何帮助表示赞赏！

function fetchSINamesForVariantAJAX(latestBuild, variantToExpand){
if (latestBuild ==  "") {
    //document.getElementById(subTableId).innerHTML = ""; 
    return;
} 
else { 
    if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    } else {
        // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            spinner.stop();
            var variantRow = variantToExpand + "Row";
            if (document.getElementById(variantRow).rows.length == 1){
                var json = JSON.parse(xmlhttp.responseText);
                var SINames = json['SIs'];
                var locations = json['locations'];
                var SIBuilds = json['SIBuilds'];
                for (var i = 0; i < SINames.length ; i++){
                    var row = document.getElementById(variantRow).insertRow(-1);
                    var cell = row.insertCell(-1);
                    var SILinkURL = "exampleWebsite.com/name.php?names=" + SINames[i];
                    cell.innerHTML = "<a href=\"" + SILinkURL + "\">" + SINames[i] + "</a>";

                    cell = row.insertCell(-1);
                    var fullLocation = locations[i] + "\\" + SIBuilds[i];
                    cell.innerHTML = "<a href=\"" + fullLocation + "\">" + fullLocation + "</a>";

                    cell = row.insertCell(-1);
                    cell.innerHTML = "";
                }
            }
        }
    }
    //create the GET message to be sent using AJAX window
    var stateToSend = "SITableGeneratorFromVariant.php?";
    stateToSend += "latestBuild=" + latestBuild;    
    xmlhttp.open("GET", stateToSend, true);
    xmlhttp.send();
}

}

javascript参考方案

我认为原因是每次完成一个新的AJAX调用后，您都用一个新的xmlhttp变量覆盖它，尝试在函数中声明它：

if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        var xmlhttp = new XMLHttpRequest();
    } else {
        // code for IE6, IE5
        var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

Mongo汇总 - javascript

我的收藏中有以下文件{ "_id": ObjectId("54490b8104f7142f22ecc97f"), "title": "Sample1", "slug": "samplenews", "cat": …

验证php中的javascript对象 - php

在我的用户界面中，用户可以构建一些javascript对象，例如：var box = { "width": "100px", "height": "200px", "click": function () { alert("You clicked t…

如何从客户端将数据插入数据库？ - javascript

我是Web开发的初学者，可以访问cpanel上托管的网站，并且需要对其进行一些更改。这个网站的后端是由蛋糕PHP制作的，我想使用ajax从客户端将一些数据插入其数据库。问题是我不知道如何获取负责插入数据库的PHP文件的URL。参见下面的代码：var xhttp = newXMLHttpRequest(); xhttp.onreadystatechange= …

执行onclick时获得意外令牌 - javascript

我正在使用onclick事件从PHP调用JS函数。这是我的代码：我在一个函数中，因此我需要通过PHP来完成它，因为然后我会返回：$html = '<input type="checkbox" checked value="1" id="setGetSku" name="se…

表单onsubmit无效，结束输入值的更改 - javascript

我正在制作更改密码的表格。我要求输入当前密码，然后有两个字段可以输入新密码。我有两个问题：首先：我需要检查新密码的两个字段是否相等。我使用onsubmit进行了检查，如果相同，则提交。如果不相同，它应该显示一条信息，问题是它不显示。这是代码：function checkform(){ var pass=myForm.pass.value; var new=m…