javascript - jquery を使用してテーブル行を実装します。上部に固定された後、ajax を使用して背景と対話し、更新後も現在の位置を維持するにはどうすればよいですか?

Question

タイトルにあるように、各行の後にトップボタンがあります。クリックすると先頭に固定されます。自己更新とデータの再取得にはタイムアウトが設定されているため、先頭の位置を維持できません。各更新後は効果がありません。

コード:

リーリー

実際、コードのこの部分は問題の解決には影響しません。私が主に知りたいのは、現在のトップの位置を維持するために、バックグラウンドと対話する方法、またはフォアグラウンドのグローバル変数に影響を与える方法を知りたいのです。

Answer 1

あなたのピンが永続的なものであるか、一時的なものであるかを確認する必要があります。

• 永続的に固定されている場合、データはデータベースに保存される必要があり、フロントエンドにバインドするときに、このデータが固定されているかどうかを識別するフィールドがあります。先頭に表示するかどうかに関係なく、フロントエンドではこの問題をまったく考慮する必要はなく、データのこの部分をフロントエンドに表示するだけですよね。

• ピンが一時的なものである場合は、Ajax データの各リクエストの前に、ピン データ行の特定のデータ列を識別子として取得できます (これはあなた次第ですが、この列の値は一意である必要があります)。バインディング時に、保存した識別子と要求されたデータが等しいかどうかを判断して、リダイレクトされたデータを先頭に設定します。 (このようなピンデータは自分にしか見えないので、あまり書いても意味がないような気がします。ページを閉じてしまうと意味がありません。結局のところ、永久的なものではないので)

Answer 2

ピンをクリックすると、バックエンドにインターフェイスを作成するように直接依頼し、このデータの ID をバックエンドに渡し、バックエンドにデータの最初の部分をキューに入れて返します。 settimeout があるため、ピン留めした後のデータは同じになります。