2012-05-18 2 views
1

업데이트 : 나 자신을 분명히하지 않으면 대단히 죄송합니다. loadpage()가 아닌 jQuery에서 load()입니다.왜 html 대신 jQuery에서 load()를 사용합니까?

어쩌면 이것은 사소한 질문 일지 모르지만 나는 js에 새로운 것으로 생각할 수 없습니다. 나는 너의 도움에 정말로 감사 할 것이다.

몇 개인 페이지가 들어있는 작은 개인 사이트를 만들고 있습니다. 내가 찾은 튜토리얼은 load()을 사용하여 하나의 단일 .html 파일에서 다른 클릭을 기반으로 load()을 사용하여 다른 html 파일에서 다른 콘텐츠를 생성합니다.

하지만 왜 내가이 일을하고 있습니까? 몇 가지 html 파일을 가지고 있으면 잘 동작합니다. load() 메서드를 사용하면 여전히 그 파일이 필요합니다. 또한 나는 휩쓸고 load()의 느린 속도에 관하여 많은 불평을 봅니다.

그러므로 나는 우리가 이것을하는 이유를 궁금해하고 있습니다.

미리 감사드립니다.

+3

'loadpage()'란 무엇입니까? ? jQuery 코어의 일부가 아닙니다. – x1a4

+1

JQ 모바일에는로드 페이지 방법이 있습니다. –

+0

JQ 모바일을 사용하는 경우 "기본 HTML 콘텐츠 내에 모든 페이지를 포함 할 수있는 경우 loadpage를 사용하는 이유는 무엇입니까?"라는 질문에 따라 초기로드 시간을 줄이려면 문제가 발생할 수 있습니다. if if 자주 액세스하지 않는 페이지가 있습니다. –

답변

2

loadpage()은 기본 jQuery 메서드가 아니므로 jQuery의 메서드에 대한 사용자 지정 래퍼를 제공하는 기사를 발견했을 가능성이 높습니다. 반면에 $.load()은 원격 컨텐트를 비동기 적으로 페이지로 가져 오는 네이티브 jQuery 메서드입니다. 변경 사항은 누군가가 loadpage() 메소드를 구축 한 경우 실제로 $.load() (또는 다른 ajax methods 중 하나)을 내부적으로 사용했을 가능성이 있습니다.

실제로는 jQuery 모바일 메소드 인 $.mobile.loadPage (여기에는 jQuery의 $.ajax이 사용됩니다)을 참조 할 수 있습니다. 모바일 앱 개발에 참여하지 않는다면 너무 많이 다루지 않을 것입니다.

콘텐츠를로드하는 데 jQuery Mobile의 $.mobile.loadPage 또는 jQuery의 $.load을 사용하는 경우에도 이유는 동일합니다. 부분 페이지 로딩 만 필요한 경우 전체 페이지 새로 고침을 피하십시오.

다른 HTML 파일을로드 할 때마다 어떤 일이 일어나는지 생각해보십시오. 새 페이지를로드 할 때마다 머리글, 탐색, 바닥 글, 사이드 바 정보, 그래픽 및 일부 미디어 내용을 다시로드해야하며 많은 부분이 페이지마다 변경되지 않습니다. 따라서 사용자가 페이지 2의 고유 콘텐츠를보기 위해 모든 것을 다시 요청하지 않고도 문서 조각으로로드 할 수 있다면 도움이됩니다.

+0

안녕하세요. 당신의 자세한 설명은이 사실을 이해하는데 도움이됩니다. – Yulong

+0

$ .load는 여전히 전체 HTML을로드합니다. 맞습니까? 이 기술은 페이지 2와 다음이 헤더, 탐색 등을 포함하지 않는 경량 페이지 인 경우에만 작동합니다. – Christophe

+0

@Christophe 반드시 그렇지는 않습니다. 선택기를'$ .load()'에 전달하고 대상 문서의 일부만 가져올 수 있습니다. 예를 들어'$ ('# result') .load ('ajax/test.html #container');는'test.html'에서'# container' 항목을 읽어 와서'# result' 요소 안에 넣습니다 현재 페이지의 – Sampson

관련 문제