jQuery $ .get()은 네이티브 브라우저 로딩 진행 상태를 보여 주면서 HTML5 히스토리 문제도 보여줍니다.

Question

jQuery가 데이터 검색을 위해 ajax 호출을 수행하지만 네이티브 브라우저 진행률 표시 줄/틱을 유지할 수있는 방법이 있습니까?

페이지가로드 된 상태를 유지하고 사용자가 링크를 클릭 할 때 필요한 콘텐츠를로드하고 자바 스크립트 (내 경우에는 jQuery)를 삽입하는 것과 비슷한 효과를 만들려고합니다.

그래서 지금까지 만들었지 만 작동하지만 기본 브라우저가 진행되기를 원합니다. Facebook은 어떻게 든 원하는 내용을 검색하기 위해 ajax 호출 중에 브라우저 로딩을 활성 상태로 유지 관리했습니다.

jQuery와 나는 async: false으로 시도했지만 페이지로드 진행률을 표시하는 대신 잠깐 동안 창을 멈 춥니 다.

또한 기록 상태 질문입니다. 새로운로드 된 페이지를이 history.pushState(myData,"New Title", newUrl);으로 기록에 푸시하면됩니다. 나는 뒤로/앞으로 버튼을 처리하기 위해 window.onpopstate 함수를 추가했으며 잘 동작합니다. 내 유일한 문제는 내 HTML의 일부 링크가 페이지를 지정하지 않는다는 것입니다. 링크는 단지 href="?child=1" 일 수 있으며 물론 해당 링크를 클릭하면 해당 부분이 현재 연결되어있는 파일 또는 링크에 추가됩니다. 그러나 히스토리가있는 페이지를 탐색 할 때 이러한 링크를 클릭하면 새 요청의 "파일"부분이 먼저로드 된 원본 페이지가됩니다. 특정 페이지 나 파일이없는 링크가 히스토리에 정의 된대로 CURRENT 페이지에로드되도록하려면 어떻게해야합니까?

Answer 1

페이 스북이 iframe을 사용하여 이것을 달성했다는 것을 알고 있다면 JavaScript를 사용하여 문서에 iframe을 추가하고 document.write()를 호출하여로드 상태를 시작하고 document.close()를 호출하여 iframe이에로드 할 때 iframe을

이

또 다른 옵션은 내가 발견 무엇 cool demo of this here