pjax

pushState + ajax

AJAX의 기능에 HTML5의 기능인 History API를 응용하여 나온 기능

예전까지의 AJAX는 뒤로가기를 해버리면 페이지를 그대로 빠져나와버립니다. 이 이유는 AJAX가 URL을 변경하지 않고 페이지의 데이터를 변경 : HTML5에서 pushState를 사용할 수 있게되면서 AJAX의 이점을 유지하고 문제점을 보완

 

History API에서 특히 pushState라는 기능을 많이 이용하여 작동합니다.
: pushState는 URL 주소와 타이틀만 변화
: pushState 는 HTML5 에서 추가된 메소드로 브라우저의 히스토리를 조작할 수 있고, 뒤로가기/앞으로가기 버튼을 이용할 수 있습니다.

 

pjax 는 pushState 를 이용한 ajax 처리방식으로 jQuery 라이브러리로 제공되고 있고, github 의 창립자이자, CEO 인 defunkt (Chris Wanstrath) 가 개발

: pjax https://github.com/defunkt/jquery-pjax

 

Pjax with React: Routing

https://eunajjing.github.io/2019/06/04/router/

https://poiemaweb.com/js-spa

---

https://rkjun.wordpress.com/2012/05/29/ajax-%EC%99%80-hashbang-%EA%B7%B8%EB%A6%AC%EA%B3%A0-pjax/