HTML에서 파라메터(param) 받기

HTML에서 파라메터(param) 받기

ASP나 JSP같은 동적웹페이지가 아닌 HTML자체에서 파라메터를 받기 위해선 javascript를 통해야 한다.

아래처럼 자바스크립트를 생성 후 페이지 호출시 파라메터명으로 fileName에 값을 지정해서 부르면 정확히 파라메터 값을 확인할 수 있다.

<script language="javascript">

    var urlParams = location.search.split(/[?&]/).slice(1).map(function(paramPair) {

        return paramPair.split(/=(.+)?/).slice(0, 2);

    }).reduce(function(obj, pairArray) {

        obj[pairArray[0]] = pairArray[1];

        return obj;

    }, {});

</script>

예를 들어 sample.html이란 페이지에 파라메터는 fileName이라 하고 값은 test를 넘겨보자

sample.html?fileName=test

그리고 자바스크립트에서 urlParams. 하고 파라메터명을 입력하면 확인이 가능하다.

    var fileName = urlParams.fileName;    

    alert(fileName);

이해가 딸리는가?

이해가 딸리는 너님을 위해 이번엔 userName이란 파라메터를 넘겨보자

sample.html?userName=hippalus

그리고 자바스크립트에서 urlParams. 하고 파라메터명을 입력하면 확인이 가능하다.

    var userName = urlParams.userName;    

    alert(userName);