javascript get url parameter #2

이전의 글을 응용해보았다. 

스크립트는 클라이언트단의 언어이기 때문에(?)

아무튼, 

독립링크(퍼멀링크)가 필요한 페이지이지만, 서버쪽 처리를 할 필요가 없을경우

예를 들어 링크가 www.domain.com/post.php?param1=value1#!param2=value2

라는 URL을 사용할 경우에 #!뒤의 값으로, 스크립트처리를 해서, 다른 컨텐츠를 보여주는 방식이다.

몇몇 모듈과 페북에서 응용하는 걸 확인했다. #은 원래 a요소의 name값으로서 페이지내의 위치를 링크로써 찾는 것으로 알고있었는데, 약간 다르게 응용하는 거이다.

그래서 만든 스크립트

function glp(name){

name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");

var regexS = "[\\!&]"+name+"=([^&#]*)";

var regex = new RegExp( regexS );

var results = regex.exec( String(window.location).split("#")[1] );

if( results == null ) return "";

else return results[1];

}

var param2value=glp("param2");

로 사용할 수 있다.

Ajax를 비롯해 스크립트의 활용이 꽤나 중요해지는 듯 하다..

위 스크립트의 #! parameter를 이용하면, Ajax로 구현된 페이지에선 변수에 따른 다른 데이터로 서버로부터 요청해서 뿌려줄 수 있다. 퍼멀링크로써 충분하지만, 검색봇들이 어떻게 인식할지는 아직 잘 모르겠다.