> 백엔드 개발 > PHP 튜토리얼 > javascript - js는 슬라이딩 로딩 중 슬라이딩 로드 수를 어떻게 제한합니까?

javascript - js는 슬라이딩 로딩 중 슬라이딩 로드 수를 어떻게 제한합니까?

WBOY
풀어 주다: 2023-03-01 21:54:01
원래의
1484명이 탐색했습니다.

네트워크 속도가 느리거나 서버에서 데이터가 느리게 반환되어 사용자가 더 많은 데이터를 로드하려고 위로 슬라이드하는 경우 페이지가 매겨진 데이터를 한 번만 로드하도록 슬라이딩 시간을 제한하는 방법 및 코드 구현 방법

답글 내용:

네트워크 속도가 느리거나 서버에서 데이터가 느리게 반환되어 사용자가 더 많은 데이터를 로드하려고 위로 슬라이드하는 경우 페이지가 매겨진 데이터를 한 번만 로드하도록 슬라이딩 시간을 제한하는 방법 및 코드 구현 방법

그런 다음 데이터가 성공적으로 반환되도록 요청하고 페이지에 렌더링한 다음 페이지 번호에 1을 추가합니다

이것은 반복 제출을 방지하기 위한 기본 요구 사항이기도 합니다
is_post = 0와 같은 상태 잠금으로 변수를 설정하고, 데이터를 요청하기 위해 풀업할 때 이를 1로 설정합니다. 더 이상 요청을 발행하지 않고 요청이 데이터를 완료할 때까지 기다리지 않습니다. 요청이 돌아올 때 다시 0으로 설정하면 됩니다.

throttle/debounce이 필요합니다. 당신을 위한 기사를 찾았습니다: http://www.css88.com/archives...

실제 상황에 따라 선택하세요. Lodash/Underscore에는 미리 준비된 방법이 있습니다.

깃발을 세우세요, 하하.

예를 들어주세요

<code>var loading = false;

nextPage(1);

function nextPage(page) {
  if (loading) return;
  loading = true;
  $.ajax({
    // ....
    success: function() {
      loading = false;
    }
  })
}</code>
로그인 후 복사

하나는 위에서 언급한 상태 잠금입니다.

JS function throttling이라는 기능도 있으니 검색해 보세요

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿