php - 当我点击下一页时如何停止所有ajax请求

Question

这个问题已经有答案了:

jQuery: Automatically abort AjaxRequests on Page Unload? (5 个回答)

Stop all active ajax requests in jQuery (17 个回答)

已关闭 8 年前。

我有一个仪表板，我将在 for 循环中调用多个 ajax 调用，只需使用相同的请求 URL 更改 POST 数据中的值即可。

问题是当我第一次加载仪表板时，我在其中进行了多个ajax调用，当我单击下一页时 - 只有在进行所有仪表板ajax调用并成功后才会加载下一页。

在下面的代码中我只使用了简单的ajax，我只更改for循环中的POST数据。

$.ajax({
    type: "POST",
    url: "dashboards.php",
    data: {type: typeVal, params: paramsVal },
    success: function(data){  
        console.log('success');
        console.log(data);
    },
    error: function(){
        console.log('error');
    }
});

请建议是否有任何可用于此过程的替代方法。提前致谢，库马尔。

Answer 1

您可以将请求存储在变量中

var rq1= $.ajax({
           type: "POST",
           url: "dashboards.php",
           data: {type: typeVal, params: paramsVal },
           success: function(data){  
              console.log('success');
              console.log(data);
           },
           error: function(){
              console.log('error');
           }
});

然后触发点击下一页链接并中止请求

rq1.abort();