用户交互时,AJAX调用并不总是加载

我遇到一些涉及PHP&的问题.使用jQuery的AJAX.为了使整个说明更容易,我将简单地提供一个指向我正在工作的网站的链接,如果您使用“报价计算器”选项卡并按照以下步骤进行操作,则应该可以理解我的问题

http://bothrealities.very-dev.co.uk/green-it

万一您不知道,这里有一个解释：

当我单击单选按钮时；模型部分中的单选按钮(可通过AJAX调用来自PHP文件和db的数据),右侧的信息框并不总是填充,有时看起来好像数据卡在了缓存中.您可以单击一个模型,然后再次单击该模型时,您选择的先前模型将填充在信息框中(就像是单击一遍一样)

现在,我不确定用户单击按钮的速度是否如此,从而中断了原始的AJAX调用？

我不知道是否需要禁用页面/禁用灰色并有一个加载轮,直到数据返回为止,这样用户才能不干扰该过程吗？

抱歉,如果上述说明令人困惑,我确实希望您访问上面的链接并自己尝试,这样理解起来非常容易.

预先非常感谢可以解决此问题的任何人,我什至在这篇文章中可能会悬赏一小笔.

谢谢,

担.

P.s尚不确定如何添加赏金,对不起.

编辑:::

    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”中传递模型参数来尝试.