TIL. 16 Ajax - hash

🎈 Hash


  • hash 웹 주소창에 #id를 입력하는 것을 말하며 fregment identirier라고도 한다.
  • #은 기본적으로 북마크 기능이며 이런 이유로 다른 기능으로 사용할 때는 #다음에 !를 붙여 #!(해쉬뱅이라고 한다.)를 사용한다.
  • Ajax를 사용했을 때 생기는 문제는, 검색엔진 최적화가 잘 안된다. 그래서 Pjax라는 진화된 방식의 보완된 도구를 사용하면 해결할 수 있다.
  if(location.hash) {
      console.log(location.hash.substr(1));
  } else {
  }
  ---------------------------------------------------------------------------

// 현재 페이지에 hash 값이 있는지 알 수 있다.

// substr(1)를 이용하면 앞의 #을 제외한 단어만 불러올 수 있다.
  if(location.hash) {
      fetchPage(location.hash.substr(2));
  } else {
      fetchPage('welcome');
  }
  ---------------------------------------------------------------------------

// 해쉬값이 있을 때 문자열 #!를 제외해야 하므로 substr(2) 값을 주고,
   해쉬값이 없다면 welcome 페이지로 이동하게 한다.

좋은 웹페이지 즐겨찾기