Development/jQuery

jQuery - URL을 파싱

linuxism 2012. 5. 29. 15:06


Test jQuery Version : 1.3.2
제작 : 
http://projects.allmarkedup.com/jquery_url_parser/
용도 : URL을 파싱하여 처리할 수 있다.
사용법 : 

<html>
<head> 
  <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
  <script type="text/javascript" src="jquery.url.js"></script>
  <script type="text/javascript" language="javascript">

     var str;   
     str = $.url.attr("source"); // URL
     alert("URL : " + str);      
     str = $.url.attr("protocol"); // 프로토콜, http, https, file, ftp...
     alert("PROTOCOL : " + str);
     str = $.url.attr("host"); // 호스트, 
www.daum.net, localhost...
     alert("HOST : " + str);   
     str = $.url.attr("port"); // 80, 8080...
     alert("PORT : " + str);   
     str = $.url.attr("query"); // QueryString으로 넘어온 변수 및 값, a=1st&b=2nd&c=3rd
     alert("QUERY : " + str);   
     str = $.url.attr("file"); // 파일이름, test.htm, index.htm   
     alert("FILE : " + str);   
     str = $.url.attr("anchor"); // 페이지내 링크를 연결하는 hash(#) 태그의 값
     alert("ANCHOR : " + str);   
     str = $.url.attr("path"); // 파일경로, /folder/dir/index.html
     alert("PATH : " + str);   
     str = $.url.attr("relative"); // URL 상대경로, /folder/dir/index.html?a=1&b=2
     alert("RELATIVE : " + str);   
     str = $.url.attr("directory"); // 디렉토리, /folder/dir
     alert("DIRECTORY : " + str);   
   
     // QueryString이 a=1st&b=2nd&c=3rd 일 경우     
     // 변수로 가져올 때 param을 사용한다.
     str = $.url.param("a"); // 1st를 반환한다.
     alert(str);
   
     // PATH가 /folder/dir/index.html?a=1&b=2 일경우
     // 인덱스를 이용 값을 가져올 때 segment를 사용한다.
     // /folder/dir/index.html?a=1&b=2 일경우
     str = $.url.segment(2); // dir를 반환한다.
     alert(str);
   
     // 문서에는 없지만, 인증정보가 다음과 같이 URL에 붙는 경우에도 
     // 값을 가져올 수 있다.
     // 
http://usr:passwd@www.test.com:81
     // $.url.attr("user") // usr을 반환한다.
     // $.url.attr("password") // passwd를 반환한다.
     // $.url.attr("userInfo") // usr:pwd를 반환한다.
     // $.url.attr("authority") // usr:passwd@www.test.com:81를 반환한다.    

  </script>   

</head>
<body>
  * 값이 없을 경우 null을 반환한다.  
</body>
</html>


출처 - http://moogi.tistory.com/71