< ( 10 ) URL 파라미터 값 받아오기 >
데이터 전송 방식 중 get 방식은 URL에서 '?' 뒤에 파라미터 정보를 가지고 전송한다.
오늘은 '?' 뒤에 있는 파라미터 정보를 읽어오는 방법을 알아보자.
ex) www.profile.com?name=joohee&age=87
function getQuerystring(paramName){
var _tempUrl = window.location.search.substring(1); //url에서 처음부터 '?'까지 삭제
var _tempArray = _tempUrl.split('&'); // '&'을 기준으로 분리하기
for(var i = 0; _tempArray.length; i++) {
var _keyValuePair = _tempArray[i].split('='); // '=' 을 기준으로 분리하기
if(_keyValuePair[0] == paramName){ // _keyValuePair[0] : 파라미터 명
// _keyValuePair[1] : 파라미터 값
return _keyValuePair[1];
}
}
}
console.log(getQuerystring('name')) // --> 'joohee' 출력
console.log(getQuerystring('age')) // --> '87' 출력
>> 알아둘 것
ㅁ QureyString 가져오기 : QureyString을 가져오기 위해 window 객체와
location객체를 이용해 search하면 '?'부터의 내용이 반환된다.
ㅁ '?' 제거하기 : '?'를 제거하기 위해 substring()함수를 이용한다.
function getQuerystring(paramName){
window.location.search.substring(1);
}
출처: http://elena90.tistory.com/
----------------------------------------------------------------------------------------------------
( 10-1 ) url 에서 해시태그 받아오기 var specUrl = window.location.href;
var specHash = specUrl.split('#')[1];
if (specHash) {
$(".acd_sc_furnish .detail_open").trigger("click"); // 정해진 해시태그가 있으면 실행
} else {
}
'CODING TIP > JavaScript' 카테고리의 다른 글
(12) 날짜 비교하여 기능 적용하기 (0) | 2018.05.28 |
---|---|
(11) 남은 날짜, 시간, 분, 초 계산하기 - 날짜 타이머, 카운팅 (0) | 2018.04.09 |
(9) 스크롤로 각 섹션에 진입 시 gnb 메뉴 온/오프 기능 (0) | 2018.03.29 |
(8) 화살표 슬라이드 (0) | 2018.03.26 |
(7) 쿠키 설정하기 ( 오늘하루 열지않기, 다시보지않기 ) (0) | 2018.03.19 |