javascript - jquery를 사용하여 테이블 행을 구현한 후 ajax를 사용하여 배경과 상호 작용하고 새로 고친 후에도 현재 위치를 유지하는 방법은 무엇입니까?

Question

제목과 같이 각 행 뒤에 상단 버튼이 있습니다. 설정 시간이 초과되어 데이터를 다시 가져오므로 상단 위치를 유지할 수 없습니다. 새로고침할 때마다

코드:

으아아아

사실 이 코드 부분은 문제 해결에 아무런 영향을 미치지 않습니다. 주로 현재 최상위 위치를 유지하기 위해 배경과 상호 작용하거나 전경의 전역 변수에 영향을 미치는 방법을 알고 싶습니다.

Answer 1

핀이 영구인지 임시인지 확인 필수!

• 영구적으로 고정된 경우 데이터는 데이터베이스에 저장되어야 하며, 데이터 고정 여부를 식별하는 필드가 있습니다. 프런트 엔드에 바인딩할 때 이 데이터는 식별자로 판단할 수 있습니다. 상단에 있든 없든, 프런트엔드에서는 이 문제를 전혀 고려할 필요가 없습니다. 데이터의 이 부분만 프런트엔드에 표시하면 됩니다.

• 핀이 일시적인 경우 Ajax 데이터에 대한 각 요청 전에 핀 데이터 행의 특정 데이터 열을 식별자로 가져올 수 있습니다(이는 사용자에게 달려 있지만 이 열의 값은 고유해야 함). 그런 다음 Ajax 데이터를 요청합니다. 바인딩할 때 저장한 식별자와 요청한 데이터를 사용하여 동일한지 판단합니다. 리디렉션된 데이터를 맨 위에 설정합니다. (이런 핀을 쓰는 것은 별 의미가 없는 것 같습니다. 고정된 데이터는 본인만 볼 수 있기 때문입니다. 페이지를 닫아도 소용이 없습니다. 결국 영구적이지 않습니다)

Answer 2

백엔드에 인터페이스 작성을 직접 요청하세요. 핀을 클릭하면 이 데이터의 ID를 백엔드에 전달한 다음 백엔드가 이를 첫 번째 데이터 조각에 대기열에 추가하여 반환하도록 합니다. 설정 시간이 있으므로 고정한 후의 데이터는 동일합니다