javascript - Location 객체 - URL 파싱 - URL에서 전달인자 추출하기 함수 작성

javascript] Location 객체의 주요멤버 살펴보기

[코드] getQueryString.js - URL에서 전달인자 추출

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

/*
* URL에서 전달인자 추출
* URL의 질의 문자열(쿼리스트링) 에서 &로 구분된 이름=값 전달인자 쌍들을 파싱하여 추출
* 추출한 이름=값 쌍들을 객체의 프로퍼티에 저장하여 이 객체를 결과로서 반환
*
* 함수 사용예)
* var args = getArgs(); //URL에서 args를 파싱
* var q = args.q || ''; //정의된 전달인자가 있으면 사용하고 없으면 기본값 사용
* var n = args.n ? parseInt(args.n) : 10;
*/

function getArgs() {
     var args = new Object();
     var query = location.search.substring(1);  //질의문자열을 얻어온다. (?제거를 위해 문자열자름)
     var pairs = query.split("&");              //&위치에서 분리

     for (var i = 0; i < pairs.length; i++) {
        var pos = pairs[i].indexOf('=');          // "이름 = 값" 을 찾는다.
        if (pos == -1) continue;                  //찾지 못했다면 건너뛴다.
        var argname = pairs[i].substring(0, pos); //이름을 추출
        var value = pairs[i].substring(pos+1);      //값을 추출
        value = decodeURIComponent(value);          //필요하다면 디코딩 수행
        args[argname] = value;                      //객체의 프로퍼티로 저장
     }

     return args; //객체를 반환
}

URL에서 전달인자(쿼리스트링)를 추출하여 다음과 같이 객체로 반환

[코드] 샘플 HTML페이지

Colored By Color Scripter™

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<!doctype html>
<html>
<head>
  <meta charset="UTF-8">
  <title>URL에서 전달인자 추출하기</title>
  <script type="text/javascript" src="getQueryString.js"></script>
  <script>
    var args = getArgs(); //URL에서 args를 파싱
    var q = args.q || ''; //정의된 전달인자가 있으면 사용하고 없으면 기본값 사용
    var n = args.n ? parseInt(args.n) : 10;

    console.log(args);
    document.write("q:"+q);
    document.write("<br/>");
    document.write("n:"+n);
  </script>
</head>
<body>
</body>
</html>

전달인자가 없을경우 기본값이 출력된 모습

전달인자가 있을경우

Atachment
첨부 '5'	2014-08-02_223723.png, 2014-08-02_224610.png, 2014-08-02_223643.png, 2014-08-02_223318.png, 2014-08-02_223509.png,

List of Articles
번호	제목	날짜	조회 수
207	금액에 점찍고 한글 표시하기	2019.01.16	1271
206	체크박스 전체 선택 및 해제, 반드시 1개 이상 선택 강제	2019.01.16	1308
205	div태그를 이용한 클릭시 레이어 띄우기	2019.01.16	1329
204	오늘 날짜 구하기	2018.11.07	1416
203	opener 값전달, 함수실행.(자식창에서 부모창으로 값전달, 함수실행)	2021.03.26	1441
202	== / === / != / !== 차이	2018.11.07	1443
201	span - 동적으로 글자 바꾸기, 보이기 안보이기	2019.01.16	1450
200	엔터키 / enter key submit form	2018.09.28	1528
199	날짜 계산 (Date) 마지막 날짜(말일)/윤달/윤년 처리하기	2021.08.20	1545
198	특정 부분 인쇄 자바스크립트	2019.01.16	1588
197	cross site scripting을 막기위한...javascript	2018.07.24	1596
196	key pressing 누르거나 클릭중인 이벤트 예제	2018.08.29	1622
195	시간 계산하기 (시/분/초/ 더하기, 빼기)	2021.08.20	1710
194	jQuery 엘리먼트 선택	2018.10.27	1732
193	팝업창 차단 "허용 메시지"	2018.09.28	1738
192	문자열 안에 쌍따옴표, 홑따옴표 표시하는 3가지 방법	2021.08.20	1792
191	반복문 사용할때 태그 식별하기 data-item	2018.07.04	1849
190	자바스크립트 urlencode(), urldecode(), rawurlencode(), rawurldecode()	2018.10.27	1913
189	텍스트박스 입력제한(숫자,영문,한글,특수기호)	2019.01.16	1992
188	Javascript - 화면 캡처 후 서버에 저장하기(html2canvas 사용법, 주의사항)	2021.03.09	2176

207

금액에 점찍고 한글 표시하기

2019.01.16

1271

206

체크박스 전체 선택 및 해제, 반드시 1개 이상 선택 강제

2019.01.16

1308