2013-01-16 2 views
0

jsp 페이지가 있고 페이지 내용이 다른 jQuery 탭으로 분할되었습니다.jQuery 탭 - 탭을 선택할 때 JSP의 일부분로드

내 탭 중 하나 (두 번째 탭)에는 결과를로드하기 위해 상대적으로 많은 비용이 드는 쿼리 (Java 백엔드)를 실행해야하는 테이블이 포함되어 있습니다.

그러나 이러한 테이블 정보는 페이지를로드 할 때마다로드해야하는 중요한 요소는 아닙니다. 누군가 필요한 경우 탭에서 해당 탭을 클릭하면 필요한 정보를 볼 수 있습니다. 이것은 성능에 부정적인 영향을줍니다.

어쨌든 누군가가 탭을 선택/클릭하지 않으면 내용이로드되지 않는지 궁금합니다.

참고로 내 데이터를 가져 오는 데 AJAX를 사용하지 않습니다.

+0

은, 당신이 설명하는 모든 AJAX를 제안합니다. 페이지 아키텍처에 대해 더 자세히 설명해야합니다. –

+0

기본적으로 선택/클릭 할 때 탭 내용을로드하고 표시하는 방법을 찾고 있습니다. AJAX가 도울 수 있다면, 외부 JSP를 호출하여 탭에로드하는 것과 같은 방법이나 다른 트릭을 말해 줄 수 있습니까? – ComeRun

+1

세 가지 선택 사항이 있습니다. (a) 모든 콘텐츠가 준비되어있는 페이지를로드 한 다음 모든 탭 클릭시 창 전환, (b) 모든 탭 클릭시 적절한 콘텐츠로 페이지 다시로드 또는 (c) 모든 탭 클릭시 AJAX를 통해 콘텐츠. 너의 선택이야. –

답변

0

jQuery-ui 탭 플러그인에서 탭을 만들고 Ajax를 통해 각 탭의 컨텐츠를 동적으로로드 할 수 있습니다. 원하는 경우 기본 탭과 아약스 탭을 섞어서 사용할 수 있습니다. 마지막 문장까지

http://jqueryui.com/tabs/

관련 문제