ajax- hash

 

1. hash(#) bang(!)

 

ajax는 하나의 페이지에 모든것을 표현해주기때문에 단점이 존재한다 

 

목표 : 순수한 링크를 주고 싶다, 주소가 페이지별로 달라지게하여 주소를 공유하고 싶다

,그 주소로 들어왔을때 초기페이지를 원하는 페이지로 로드하고 싶다

 

이때 사용하는 것이 hash방식

페이지 안에서 특정한 부분으로 접근할 수 있다(북마크 기능)

예를 들어 해쉬방식으로 링크를 주면 그 링크를 클릭했을때 현재 존재하는 페이지 안에서 움직인다

 

hash bang

웨 예제와 같이 

fetch와 hash를 결합하면 hash값을 준 주소로 들어갔을때 아래예제와 같이 hash값에 해당하는 fetchPage를 불러오게 할 수 있다.

*hash(#) bang(!)의 !는 단지 특별한기능을 구분할때 관용적으로 쓴다

 

 

단점

검색엔진 최적화가 안됌 웹페이지를 다운받아서 분석해야하는데 웹페이지 자체는 실제 내용이 없음

내용은 백엔드에서 동적으로 가져오니까

현시점에는 안씀

최근에는 pjax라는 것을 씀

 

 

*lorem100 = 100개의 랜덤한 단어 출력하는 에디터 기능