Spring MVC - JSON 响应 - 如何预防

Question

我有一个前瞻表单字段，它根据名字和姓氏表单字段搜索人员记录。字段由 Jquery 发布，人员列表以 JSON 形式返回，结果显示为表格。为每个 keyup 事件提交 Post 请求。但我对此有疑问。

比方说，用户在名字字段中输入了“a”。该请求作为 ajax 调用提交。然后用户在字段中输入“b”。现在，请求再次以“ab”作为名字提交。问题是，“ab”的结果数量较少，因此结果会立即显示。由于“a”有更多结果，因此需要一些时间来处理和构建结果表，一旦构建表完成，它将替换“ab”的现有表。这不是我想要的行为，因为“a”是第一个请求，“ab”是最新请求，它不应该被替换。那么如何防止旧请求的结果取代新结果。提前致谢！

---更新---

控制器方法类似于..

 public @ResponseBody List<PSPerson> getPersonsWithNames(
        @RequestParam("firstName") String firstName, @RequestParam("lastName") String lastName) 
{

    Map<String, String> attrMap = new HashMap<String, String>();

    attrMap.put("firstName", firstName);
    attrMap.put("lastName", lastName);

    return personService.getPeople(attrMap);
}

Answer 1

也许您可以向返回的 Json 值添加时间戳。并在 jquery 中将收到的最新时间戳与实际时间戳进行比较。

Answer 2

您在网络上看到的许多前瞻/自动完成表单都有字符的“阈值计数”（例如，在 PengoWorks jQuery Autocomplete 中，它是 minChars）。
如果您使用该 jQuery 插件，您还可以使用 delay 选项来指定发送 AJAX 请求之前等待的毫秒数。

如果您使用典型的 minChars 值（例如 3），加上合理的 delay 值（大约 100 毫秒），您可能会“缩小”范围搜索空间足够大，不会出现一个结果集“超越”另一个结果集的任何问题。

您可以在此处尝试使用这些值。

编辑：相同的选项在 jQueryUI 中可用 - 它们称为 minLength 和延迟。