관찰력이 뛰어난 친구는 이 스테이션이 세부 정보 페이지와 홈 페이지를 렌더링할 때 여기에서 jQuery의 ajax 비동기 로딩 기능을 사용하기 때문에 권장 읽기 섹션이 로드되는 속도가 약간 느려진다는 것을 발견했을 것입니다.

# 비동기식으로 로드하는 이유는 무엇입니까?

쿼리 권장 읽기는 키워드없이 데이터베이스에서 임의로 데이터를 가져 오는 것이기 때문에이 경우 데이터를 생성하는 데 일정 시간이 걸리는 while 루프를 사용하고 있습니다. * 링크를 클릭 한 후 >* * 웹 페이지 카드 * > * 데이터로드 *.

비동기 로딩을 사용하면 링크를 클릭한 후 전체 페이지가 먼저 반환되고 렌더링되며 키 데이터가 비동기적으로 로드되므로 쓸모없는 대기 시간이 과도하게 발생하지 않습니다.

# 사용방법

전제 : 먼저 'jquery'를 소개해야합니다.

<script src="https://s.learn2.cn/js/jquery.min.js" ></script>

그런 다음 비동기적으로로드해야하는 빈 'div'를 넣으십시오.

<div id="ajax_w"></div>

그런 다음 웹 페이지 끝에 js 스크립트를 추가합니다.

<스크립트>
$(문서).ready(함수(){
  htmlobj=$.ajax({url:"/test",async:false});
  $("#ajax_w").html(htmlobj.responseText);
});
</스크립트>

실행 후 이 스크립트는 페이지가 렌더링될 때까지 기다렸다가 '/test'에서 데이터를 요청하고 ID 'ajax_w'로 데이터를 채웁니다.