php - 用户交互时，AJAX调用并不总是加载

我在使用jquery处理php和ajax时遇到了一些问题。为了使整个解释更简单，我将简单地给出一个链接到我正在工作的网站，如果你使用“报价计算器”标签，并遵循步骤，你应该希望理解我的问题
http://bothrealities.very-dev.co.uk/green-it
以防万一，这里有一个解释：
当我点击一个单选按钮；model部分的单选按钮（通过ajax从php文件和db中调用数据）时，右边的信息框并不总是填充的，有时看起来数据好像卡在缓存中。您可以单击一个模型，然后当您再次单击时，您选择的先前的模型将填充在“信息”框中（就好像它是一个单击后的模型一样）
现在我不确定这是否是用户点击按钮的速度，从而破坏了最初的ajax调用？
我不知道我是否需要禁用页面/灰显，并有一个加载轮，直到数据返回，所以用户不能干扰进程，还是不？
抱歉，如果上面的解释让人困惑，我强烈建议你访问上面的链接，自己尝试一下，这样更容易理解。
非常感谢你提前任何人谁可以解决这个问题，我甚至可以弹出一个小悬赏在这个职位上。
谢谢，
丹。
警察还不知道怎么加赏金，对不起。
编辑：：：

    function productString(product, box) {
        $.get("http://<? echo ROOT; ?>includes/forms.php", { product: product }, function(data) {
            $("#loadingModel").append(data);
        });

        $.get("http://<? echo ROOT; ?>includes/forms.php", { box: box }, function(data) {
            $("#content-right").empty();
            $("#content-right").append(data);
            $("#content-right").jScroll();
        });
    }

    function modelString(model, boxModel) {
        $.get("http://<? echo ROOT; ?>includes/forms.php", { model: model }, function(data) {
            $("#loadingData").empty().append(data);
        });

        $.get("http://<? echo ROOT; ?>includes/forms.php", { boxModel: boxModel }, function(data) {
            $("#boxModel").empty().append(data);
        });
    }

最佳答案

有时http://bothrealities.very-dev.co.uk/includes/forms.php?boxModel=1在http://bothrealities.very-dev.co.uk/includes/forms.php?model=xxxxx结束之前结束，因此从第二个请求返回的数据不是您想要的。
您也可以尝试在第二个“get”中传递模型参数。

关于php - 用户交互时，AJAX调用并不总是加载，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7360682/