鼠标悬停在链接上的Ajax调用

Question

我正在显示有关鼠标悬停在链接上的一些信息。我这样做是通过在鼠标上进行AJAX调用来悬停链接并从数据库中获取数据。

问题是，如果我将鼠标悬停在同一个链接上几次，它将进行AJAX调用并每次都打到数据库。但我想如果它曾经在第二次鼠标悬停时从数据库中获取特定链接的数据，它不应该再次访问数据库。为此，我需要将数据存储在客户端一些地方并重用它（我认为）。

处理这种情况的最佳方法是什么？任何人都可以向我提出解决方案吗？

P.S：我在页面中有超过20个这样的链接。

Answer 1

使用One函数，它可以保证调用执行一次。

Answer 2

您可以将信息存储在隐藏的字段中。在第一次请求时，只需检查所请求的信息是否已在那里可用，如果没有，请点击数据库。

Answer 3

这可能是错误的方法，但你可以这样做：

定义锚标记的类属性，并在从数据库加载数据后将类更改为true，当有人再次单击此链接时，以这种方式检查类名称是真还是假

<a class="load-true"></a>

加载数据后

<a class="load-false"></a>

并检查类以加载数据。

感谢

Answer 4

在JavaScript端，使用哈希表，其中键对应于已悬停的链接的ID。您只在插入新密钥时调用数据库（如allHovers [curHover] ++;）这样做的另一个好处是您将拥有一个列表＆amp;您可以随时参考的悬停计数。