リンク上でマウスをホバリングしているAjaxコール

Question

リンク上でマウスのホバリングに関する情報を表示しています。私は、マウスのホバリング時にAJAX呼び出しを行い、データベースからデータをフェッチすることでこれをやっています。

問題は、私がマウスを同じリンク上に何回か置くと、AJAX呼び出しを行い、毎回データベースにヒットするという問題です。しかし、私はそれが一度データベースから再度特定のリンクのためのデータをフェッチする場合は、マウスを2回目にホバーそれは再びデータベースにヒットしてはいけません。このためには、クライアントサイドにデータを格納して再利用する必要があります（私は思っています）。

この状況を処理する最善の方法は何ですか？誰も私に解決策を提案することはできますか？

P.S：ページにこのようなリンクが20個以上あります。

Answer 1

One関数を使用すると、呼び出しが1回実行されることが保証されます。

Answer 2

情報を隠しフィールドに格納することができます。最初のリクエストでは、要求された情報が既にそこで利用可能かどうかをチェックし、そうでない場合はデータベースにヒットします。

Answer 3

これは間違った方法になります可能性がありますが、この方法でこれを行うことができます誰かが再びこのリンクをクリックしたときに

は、アンカータグのクラス属性を定義し、データベースからデータをロードした後falseにtrueにクラスを変更しますそれはあなたがデータをロードする

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

後

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

を行い、データをロードするクラスを確認することができ、このように真または偽を示すものをクラス名を確認してください。 JavaScriptの側の

おかげ

Answer 4

、キーが推移してきたリンクのIDに対応しているハッシュテーブルを使用します。 allHovers [curHover] ++;）のように、新しいキーを挿入するときにのみDBを呼び出します。これは、&のリストがいつでも参照できるリスト数を持つという利点があります。