javascript - 여러 Ajax 요청을 최적화하는 방법

Question

프런트 엔드 페이지에 5~6개의 Ajax 요청이 있습니다. 해당 페이지를 열면 어떻게 해결합니까? 코드 {코드...}

淡淡烟草味 · Answer

setInterval('getData()',10);

멈추지 않고 10밀리초마다 데이터를 캡처할 수 있습니까? 아직 데이터가 돌아오지 않았고 2개가 더 전송되었습니다. 무기한으로 계속됩니다

巴扎黑 · Answer

먼저 페이지 지연 문제를 확인하세요.

페이지 지연은 일반적으로 DOM 렌더링으로 인해 발생합니다. F12로 확인하면 이해할 수 있습니다. 예를 들어 html을 ajax로 렌더링한 경우 확실히 중단됩니다.

为情所困 · Answer

및 ajax数量可能有关系，但应该不是主要原因，因为毕竟ajax는 상대적으로 많은 양의 데이터를 한 번에 가져오기 때문에 속도가 느려질 수 있습니다. 모든 데이터를 한 번에 가져오는 대신 일괄적으로 로드하는 것이 좋습니다.

로드된 경우

로드된 다음 다음 섹션을 로드ajax太多的情况，那么可以适当的分段加载，比如原先6个ajax，分成两段，第一段的三个ajax

某草草 · Answer

페이지 초기화 시 코드가 불가피하게 나올 경우 로딩을 추가하여 해결해보세요

欧阳克 · Answer

처리 지연을 위해 Promise를 사용하세요.

淡淡烟草味 · Answer

페이지 코드를 가급적이면 Chrome 타이밍 스크린샷과 함께 게시해 주세요.

Php8, 나도 갈게