Ajax 请求和竞争条件（客户端和服务器端）

Question

让我们想象一下这样的情况：我们一一向服务器发送了两个相似（几乎相似）的异步ajax请求。由于网络延迟，第二个请求在第一个请求之前执行。

Ajax request #1: /change/?object_id=1&position=5
Ajax request #2: /change/?object_id=1&position=6

结果，我们将 object_id=1 位置设置为 position=5，但我们想要 position=6 因为 Ajax 请求 #2 是在我们的 Ajax request #1 之后执行的。

在服务器端和客户端避免这种情况的最佳实践是什么？

Answer 1

您是否担心来自同一客户端或多个客户端的比赛条件？

如果来自同一个客户端，我认为最安全的选择是在 ajax 请求中包含 unix 时间戳并将该值记录在服务器上。如果请求附带的时间戳早于上次记录的值，请忽略该请求（或向浏览器发送警告）。

我不确定你将如何处理时钟不同步的多个客户端......

Answer 2

对于这种情况，我通常会在成功处理程序中进行检查，以确保返回的值仍然是我想要的值。这将需要发送您在结果对象中搜索的参数。

例如：

var query = $('input').val();

$.get('/search', { query: query }, function(res) {
  if(res.query == $('input').val()) {
    //show search results
  }
});

我不知道您的用例的详细信息，但这个一般模式应该有所帮助。

Answer 3

在服务器上：

• 构建一个请求表以将请求 ID 映射到时间戳
• 将任何请求记录到服务器，期望所有请求都带有时间戳
• 如果任何请求出现乱序（例如位置 6 在 5 之前）
  • 检查请求表，如果是较早的请求（时间戳）则不处理该请求并发送忽略标志
• 如果它按顺序到来
  • 这很好，照常进行，无需发送任何忽略命令

在客户端：

• 当请求返回时，检查忽略标志。如果它在那里的话。不要对客户端做任何事情
• 否则像往常一样处理数据

请注意，我建议的这种实现要求您来回发送数据（例如 JSON），而不是像您希望的那样发送表示代码（例如 HTML 片段）需要检查客户端的忽略标志。

这个答案类似于@Farray 使用时间戳的建议。