在鼠標懸停在鏈接上的Ajax調用

Question

我在鼠標懸停在鏈接上顯示一些信息。我通過在鼠標上懸停AJAX調用並從數據庫中獲取數據來做到這一點。

問題是，如果我將鼠標懸停在相同的鏈接上幾次，它會使AJAX調用，並在每次擊中數據庫。但是我希望如果它第二次鼠標懸停時從數據庫中獲取特定鏈接的數據，它不應該再次訪問數據庫。爲此，我需要將數據存儲在客戶端某處並重用它（我認爲）。

處理這種情況的最佳方法是什麼？任何人都可以告訴我解決方案嗎？

P.S：我在頁面中有超過20個這樣的鏈接。

Answer 1

使用One函數，它保證該調用被執行一次。

Answer 2

您可以將信息存儲在隱藏字段中。在第一次請求時，只需檢查請求的信息是否已經在那裏可用，如果沒有，請點擊數據庫。

Answer 3

也許這將是一個錯誤的方式，但你可以這樣做：

定義爲錨標記類屬性，從數據庫加載數據後級改變時真亦假，當有人再次點擊此鏈接檢查類名是什麼，表示以這種方式真的還是假的，你可以在加載數據

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

後做

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

，並檢查類加載數據。

感謝

在JavaScript端

Answer 4

，使用哈希表，其中的鍵對應於已經徘徊的鏈接標識。你只需要在插入一個新密鑰時調用數據庫（如在allHovers [curHover] ++中;）這樣做的一個好處就是你可以在任何時候都有一個列表，你可以參考一個列表。