오늘 프로젝트 작업을 할 때 거의 모든 제출물이 Ajax를 통해 제출되었습니다. 테스트해 보니 각 제출 후 얻은 데이터가 동일하다는 것을 디버깅하면 배경 코드 문제를 해결할 수 있으므로 문제가 발생합니다. 거기 프론트 데스크에 있어야 해요. 캐시를 지울 때마다 새로운 데이터가 생기므로 최종 분석에서는 브라우저 캐시 문제입니다. 오랜 고민 끝에 드디어 해결했습니다.
Ajax가 페이지 로딩 속도를 향상시킬 수 있는 주된 이유는 ajax를 통해 중복된 데이터의 로딩을 줄이는 것이라는 사실은 모두가 알고 있습니다. 즉, 데이터를 한 번 로딩하는 동안 데이터가 메모리에 캐시된다는 의미입니다. 로드 중입니다. 페이지를 새로 고치지 않는 한 데이터는 항상 메모리에 캐시됩니다. 제출한 URL이 이전 URL과 일치하면 서버에 제출할 필요가 없습니다. , 서버에서 데이터를 얻을 필요가 없습니다. 이렇게 하면 서버의 부하가 줄어들고 사용자 경험이 향상되지만 최신 데이터를 얻을 수는 없습니다. 우리가 읽은 정보가 최신인지 확인하려면 캐싱 기능을 비활성화해야 합니다.
해결 방법은 다음과 같습니다.
1. Ajax 요청을 보내기 전에 anyAjaxObj.setRequestHeader("If-Modified-Since", "0")를 추가합니다.
2. Ajax 요청을 보내기 전에 anyAjaxObj.setRequestHeader("Cache-Control", "no-cache")를 추가하세요.
3. URL 뒤에 "fresh=" Math.random();이라는 임의의 숫자를 추가합니다.
4. URL 뒤에 시간을 추가합니다: "nowtime=" new Date().getTime();.
5. jQuery를 사용하는 경우 $.ajaxSetup({cache:false})를 수행하면 됩니다. 이런 방식으로 페이지의 모든 ajax는 이 명령문을 실행하며 캐시
레코드를 저장할 필요가 없습니다.