HTML5 기록 API : JSON은 "뒤로"다른 페이지로 이동 한 다음 다시 "앞으로"

Question

표시됩니다. 클릭 할 때 AJAX를 통해 아래 목록의 내용을 새로 고치기위한 여러 검색/필터 버튼이있는 페이지가 있습니다. .

이 과정에서 새로운 필터링 된 페이지가 북마크 가능하도록 뒤로 버튼이 작동하도록 히스토리 (푸시 스테이트를 통해)를 수정합니다. 나는 또한 Popstate 이벤트를 듣고, Back에 반응합니다.

window.addEventListener("popstate", function(ev) { 
    if (!window.history_ready) { return; } // Avoid the one time it runs on load 
    refreshFilter(window.location.href, true); 
}); 

refreshFilter: function(newURL, backButtonPressed){ 
    $.ajax({ url: newURL}).done(blah); 

    if (!backButtonPressed) { 
    window.history_ready = true; 
    history.pushState(null, null, newURL); 
    } 
} 

이 하나의 이상한 경우를 제외하고, 훌륭하게 작동 ...

• 사용자가 페이지에있는 "A"
• 그들은 클릭

  내 코드는 더 많거나 적은 같은 외모 역사와 함께하는이 페이지로 이동하는 링크 ("B"라고 부름)

• 두 개의 필터를 실행 한 다음 뒤로 몇 번 누르면 "B"의 초기 상태로 돌아갑니다.
• 다시 '뒤로'를 클릭하면 다시 'A'로 전송됩니다.
• 이 때 전달 버튼을 누르면 페이지 B에 대해 서버에 다시 요청하는 대신 브라우저에 묶음이 표시됩니다 페이지 내용과 JSON 코드의

이 적어도 최근에

왜 내가 그것을 어떻게 이런 일이 피할 수된다 크롬 (이 JSON은 물건을 필터링하는 내 AJAX 요청의 하나의 응답이다)?

Answer 1

크롬은 방문한 페이지를 캐시하고, 뒤로 또는 앞으로 이동하면 캐시를 사용하여 페이지를 빠르게 표시합니다. AJAX에 의해 서버에서 JSON을 검색하는 데 사용하는 URL이 Chrome과 동일하면 Chrome이 캐시에서 해당 페이지를 선택하는 것이 가능합니다. 좋은 HTML 대신 JSON 덤프 일뿐입니다.

Answer 2

$.ajax에 대한 캐시 옵션이 있습니다 :

$.ajax({ cache: false, url: newURL}) 

내가 묵시적 솔루션을 시도 http://api.jquery.com/jquery.ajax/