Jquery连续两次相同AJAX请求时，默认不执行本次；不同时终止上一次未完成的AJAX请求

最新推荐文章于 2021-08-06 21:53:43 发布

逆流哒鱼

最新推荐文章于 2021-08-06 21:53:43 发布

阅读量603

点赞数

分类专栏：前端小技巧文章标签： ajax jquery

本文链接：https://blog.csdn.net/u012551585/article/details/49179935

版权

前端小技巧专栏收录该内容

2 篇文章 0 订阅

订阅专栏

定义全局变量：

var currentAjax=null；

var judgeRequestSamePid=0；

赋值：

function onclickSetModelData(productId) {
                currentAjax=$.ajax({
                    url: "/SelectModel/getSeProductModels?productId=" + productId,
                    type: "GET",
                    success: function (data) {

judgeRequestSamePid = 0;

                       firstModels = JSON.stringify(data);
                        initializeModel(productId);
                    }
                });
            }

处理逻辑：

if (currentAjax) {
                        if (judgeRequestSamePid != thisProductId) {
                            currentAjax.abort();
                            onclickSetModelData(vi);
                        }

                    } else {
                        judgeRequestSamePid = vi;
                        onclickSetModelData(vi);
                    }