javascript - Ajax同时请求多个

Question

最近我开发了一个项目，我在一个 aspx 页面上发送多个 ajax 请求。如果这个请求以 5 秒的间隔发生，我还放置了一个计时器。一切似乎都工作正常，直到突然 react 困惑。我知道我可以用一个请求做同样的事情，但我想知道为什么会这样。我环顾了互联网，但还找不到任何解决方案。我现在实际上采用了这种编码方式，就像发出一个具有多个结果的请求一样，但我想知道并且我真的很想知道如何发出多个 ajax 请求，响应不会混淆。这是我的示例代码:

 $(document).ready(function () {
        var a = setInterval("request1()", 5000);
        var b = setInterval("request2()", 5000);
    });

function request1() {

        $.ajax({
            url: 'ajaxhandler.aspx?method=method1' ,
            beforeSend: function (xhr) {
                xhr.overrideMimeType('text/plain; charset=utf-8');
            },
            success: function (data) {
                  alert(data);
            }

        });
    }


function request2() {

        $.ajax({
            url: 'ajaxhandler.aspx?method=method2' ,
            beforeSend: function (xhr) {
                xhr.overrideMimeType('text/plain; charset=utf-8');
            },
            success: function (data) {
                  alert(data);
            }

        });
    }

Answer 1

如果您需要请求按顺序发生，则不应使用 AJAX(第一个“a”代表“异步”)。

要解决此问题，您可以在第一个请求“成功”的回调中调用 request2()。

function request1() {
    $.ajax({
        url: 'ajaxhandler.aspx?method=method1' ,
        beforeSend: function (xhr) {
            xhr.overrideMimeType('text/plain; charset=utf-8');
        },
        success: function (data) {
              request2();
        }

    });
}