저는 아약스를 사용하여 동적 웹 사이트를 만들려고합니다. 이 시점에서 jQuery를 사용하여 ajax 호출 후 메인 div가 새로 고쳐진 단일 페이지와 비슷합니다. 현재 내가 겪고있는 문제는 다음과 같습니다.동적 웹 사이트에 헤더 보관
나는 페이지를 새로 고치고 새로운 URL과 헤더를 가진 다른 PHP로 아약스를 통해 전화를 할 수 있다고 생각한다. 내가 가지고있는 문제는 전체 페이지 새로 고침을 크게 좋아하지 않는다는 것입니다.
최소한으로는 헤더가 정적이고 내용이 동적이지만 뒤로 버튼이 작동하고 사용자가 페이지를 북마크에 추가 할 수있는 사이트입니다.
불만이 있지만 불만이 있으시면 사과드립니다. 궁금한 사항은 질문에 따라 자세히 설명 드리겠습니다.
HTML5의 방문 기록 API를 사용하여 페이지 상태를 밀거나 팝 할 수 있습니다. This article을 사용하면 올바른 방향으로 안내 할 수 있습니다.
페이지 앵커 태그를 사용하여 원하는 작업을 수행 할 수 있습니다. 당신이 당신의 아약스 새로 고침을 수행 한 경우, 앵커 태그에 페이지를 리디렉션
// Possibly using
window.location.href = "yourpage.html#myanchortag"
그것을하지 않습니다 정말 문제가 어디에, 당신의 허리 버튼 작동하게되는 일을하려고.
그래도 작동하지 않는 경우 숨겨진 iframe을 삽입하십시오. 뒤로 버튼은 iframe이 변경 될 때마다 작동합니다.
html5 이상의 브라우저를 사용하면 기본적으로 뒤로 버튼 기록을 기본적으로 조작 할 수 있다고 생각합니다. 그 말을 인용하지 마라.
저는 개인적으로 Google의 폐쇄 라이브러리를 사용하며이 작업을 수행하기 위해 전체 라이브러리 코드가 있습니다. 그들이 어떻게하는지 조사할만한 가치가있을 것입니다.
당신은
이 몇 가지 아이디어와 당신이 시작하는 곳 Theres는 여기에 거기에 소스 코드와 문서를 찾을 수 있습니다.
다소 설명이있는이 페이지를 찾았지만 사용자가 검색을 수행 할 때 처리 방법을 모르겠습니다. http://stackoverflow.com/questions/668431/how-does-facebook-keep-the-header-and-footer-fixed-while-loading-a-different-pag – complexenigma
수많은 plgins가 도움을줍니다 ... address.js , history.js, jquery bbq 등 Google 검색'ajax bookmark' – charlietfl
예를 들어 backbone.js를 살펴 보시기 바랍니다. –