파라미터에 기호 (#,& 등등) 처리

url에 파라미터를 추가할때

파라미터 값에 #과 같은 기호가 들어가면 데이터가 짤려서 넘어가는 경우가 있다.

var frameStr = '<iframe src="/test/resultDetail?userId='userId+'&testCode='+TEST_CODE+'"></iframe>';
$("#resultDetailFrame").append(frameStr);

다음의 경우 userId에 'user#123' 데이터가 아이디 안에 # 때문에 user만 인식되어 오류가 났었다.

 

 

이런 경우 encodeURIComponent 를 사용하여

기호 #을 인코딩한 후 넘기니 정상 처리 되었다!

var frameStr = '<iframe src="/test/resultDetail?userId='+encodeURIComponent(userId)+'&testCode='+TEST_CODE+'"></iframe>';
$("#resultDetailFrame").append(frameStr);

userId -> encodeURIComponent(userId)

user#123 -> user%23123

 

 

참고 페이지 👇

https://opentutorials.org/course/50/190

encodeURIComponent - 생활코딩