HTML 페이지에서 HTML 페이지로 파라미터 넘기기 (GET)

1. 정적 웹 페이지

사용자(클라이언트)가 URL을 입력하여 요청을 하면 해당 URL 웹서버에서 이미 저장되어 있는 HTML 문서를 사용자(클라이언트)에게 보내준다.  즉 모든 사용자들은 같은 URL 입력시 같은 화면을 바라보게 된다.

2. 동적 웹 페이지

사용자(클라이언트)가 어떠한 요청을 하면 웹서버에서 요청 정보를 처리한 후 제작된 HTML문서를 사용자(클라이언트)에게 보내준다. 즉, 요청에 따라 사용자들은 다른 화면을 보게 된다.동적 웹 페이지의 예로는 JSP&Servlet, ASP, ASP.NET, PHP, RUBY, PYTHON 등이 있다.

보통 파라미터와 같은 값을 넘겨서 이용하고자 할 때에는 정적 웹 페이지가 아닌 동적 웹 페이지를 이용하여 파라미터를 받아 이용한다.

하지만 아래와 같은 방식을 사용한다면 폼을 이용하여 GET방식으로 보내진 파라미터에 대하여 정적 웹 페이지에서도 넘겨받은 파라미터를 사용할 수 있다.

1. <script type="text/javascript">  
2.     var Request = function() {  
3.         this.getParameter = function(name) {  
4.             var rtnval = '';  
5.             var nowAddress = unescape(location.href);  
6.             var parameters = (nowAddress.slice(nowAddress.indexOf('?') + 1,  
7.                     nowAddress.length)).split('&');  
8.             for (var i = 0; i < parameters.length; i++) {  
9.                 var varName = parameters[i].split('=')[0];  
10.                 if (varName.toUpperCase() == name.toUpperCase()) {  
11.                     rtnval = parameters[i].split('=')[1];  
12.                     break;  
13.                 }  
14.             }  
15.             return rtnval;  
16.         }  
17.     }  
18.     var request = new Request();  
19. </script>  
20.   
21. <script type="text/javscript>  
22.     var paramValue = request.getParameter('parameter_name');  
23. </script>  

출처 : http://tip.daum.net/openknow/54564164