Question

我有一个仪表板，我将在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();

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

1 个答案: