jQuery-是否按顺序收到了 ajax 响应？

Question

如果我有类似的东西：

var result;

var searchFunction = function(query) {
    $.ajax({
        url: '..',
        type: 'GET',
        data: {
            'query': query
        },
        success: function(result) {
            r = result
        }
    });
};

r 总是会成为最后一次searchFunction(query) 调用的结果吗？

例如，假设我这样做：

searchFunction('query1'); // this one takes 3 seconds to return because of internet delay
searchFunction('query2'); // this one takes 1 seconds to return because of less internet delay

我的r 会是'result1' 还是'result2'？

由于它应该是异步 (AJAX)，我希望 r = 'result1'，但从我所做的一些测试中，我得到了 r = 'result2'。

到底发生了什么？

Answer 1

异步 ​​Ajax 调用可以按任意顺序返回。您不能依赖订单。您只能在完成处理程序中为特定的 Ajax 调用或在您调用的某些函数中可靠地使用 ajax 调用的结果，并将结果从完成处理程序传递给。

您绝对不希望将 ajax 结果放入全局变量中，然后尝试从那里使用它们。这是导致时间灾难的秘诀，绝不是编写代码的好方法。

如果你想协调多个 ajax 调用的结果，你可以自己做一堆自定义编码来按顺序跟踪结果，或者你可以使用 Async 或 Promise 等第三方库。

---

如果您要解决的实际问题是某种增量搜索，您可能同时有多个请求在进行中，并且您不想处理比您已有的请求更早的请求收到，那么您需要创建一个系统来跟踪排序，以便您知道何时忽略响应。有很多方法可以解决这个问题：

1. 您可以在每次发送新请求时中止任何先前的请求。
2. 您可以使用单调递增的数字标记每个请求，然后跟踪您迄今为止处理的最高响应编号，并忽略任何较低编号的响应。

仅供参考，如果您的服务器同步处理每个请求（因此它从第一个到达的请求开始，并且在第一个请求完成之前无法处理任何其他请求）并且一次只能处理一个请求，那么无论每个请求需要多长时间，它都可能仅以 FIFO 顺序返回结果。另一方面，如果您的请求处理是异步的，或者您的服务器可以一次处理多个请求，那么执行时间最短的请求将首先返回。

Answer 2

您设置的r 是什么？无论如何，您不能期望 AJAX（定义为异步）以任何顺序发生。如果您要进行多次调用，并且想要存储所有响应，则需要执行以下操作：

var resultSet = [];

var searchFunction = function(query) {
    $.ajax({
        url: '..',
        type: 'GET',
        data: {
            'query': query
        },
        success: function(result) {
            resultSet.push(result);
        }
    });
};

Answer 3

AJAX 响应将按照响应到达的顺序进行处理。它们发送的顺序无关紧要。我已经修改了您的代码以记录响应，您可以在 Javascript 控制台中看到首先处理快速查询。

var searchFunction = function(query, delay) {
    $.ajax({
        url: '/echo/json/',
        type: 'POST',
        data: {
            json: JSON.stringify(query),
            delay: delay
        },
        success: function(r) {
            console.log(r);
        }
    });
};

searchFunction('query1', 3);
searchFunction('query2', 1);

jsfiddle demo