동적 콘텐츠가 github처럼 변합니다.

Question

저는 꽤 큰 웹 사이트에서 작업하고 있으며 콘텐츠 변경은 모두 ajax을 기반으로합니다.

urls의 모든

예를 들어, 슬래시와 함께, 어떤 쿼리 문자열가 사용중인 있습니다

http://website.com/user/john/

그래서 github가 가지고있는 것처럼, 중 하나를 동적 시스템을 만들기 위해 최선의 방법 일 것입니다 무슨 가장 중요한 기능은 사용자가 "go back" 또는 "forward" 트로피에 도달 할 수있게하는 것입니다. 마치 github에서 할 수있는 것처럼.

큰 프레임 워크를 사용하지 않으려 고합니다. 현재 jquery과 다른 몇 가지 플러그인을 사용하고 있습니다.

$("a").live("click", function(event){ 
    //prevent from actualy loading that page 
    event.stopFromRedirecting; 

    //get url 
    url = $(this).attr("href"); 

    //get new html 
    $.post(url, {}, 
     function(response){ 
      $(".my_content").html(response); 
     } 
    ); 
}); 

Answer 1

https://github.com/defunkt/jquery-pjax이를위한 좋은 시작이다 : 나의 이해함으로써

, 개념은이 같은 것을해야한다. 멋진 애니메이션은 아니지만 히스토리 관리와 콘텐츠 교환을 할 것입니다.