Html & Script

escape(), encodeURI(), encodeURIComponent() get post 전송

페이지 정보

본문

출처 : https://blog.naver.com/apchima/221603431709



자바스크립트에서 지원하는 url encode / url decode 함수는 3가지가 있다.



escape() 는

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 @*-_+./

위에서 열거된 문자가 아니면 모두 변환을 합니다. 1바이트문자는 %XX 형태로 2바이트 문자는 %uXXXX 식으로 변환합니다. 

(아스키문자가 아니라면 모두 유니코드 형식으로 변한)


encodeURI()는

escape()와 비슷하지만 인터넷 주소표시에 쓰이는 특수문자들은

인코딩하지않는다. 즉, : ; / = ? & 등의 특수문자는 인코딩 되지않는다 .

보통 파라미터 전달하는 인터넷주소 전체를 인코딩할때 사용


encodeURIComponent()는

escape()와 비슷하지만 인터넷 주소표시에 쓰이는 모든 문자들을 추가로 인코딩한다.

즉, : ; / = ? & 등의 특수문자들이 추가로 인코딩이 된다.

그래서 인터넷주소 URL 을 전체로 인코딩할때는 사용할수 없고 필드 하나하나를 따로 인코딩할 때 사용된다.

Java의 java.net.URLEncoder.encode 는 ?

encodeURIComponent 와 비슷하지만 encodeURIComponent 가 인코딩 안하는 ! ( ) 3개도 인코딩한다.

 

ex)

var url = <>;:/[]{}'">'가나다라abcd123!@#$%^&*()-=\,.<>;:/[]{}'

document.write('url : ' + url);

document.write('<br>');

document.write('1 : ' + escape(url));

document.write('<br>');

document.write('2 : ' + encodeURI(url));

document.write('<br>');

document.write('3 : ' + encodeURIComponent(url));

java.net.URLEncoder.encode("<>;:/">가나ab12!@#$%^&*()-=,.<>;:/[]{}", "utf-8")


결과

url : 가나ab12!@#$%^&*()-=,.<>;:/[]{}

1 : %uAC00%uB098ab12%21@%23%24%25%5E%26*%28%29-%3D%2C.%3C%3E%3B%3A/%5B%5D%7B%7D

2 : %EA%B0%80%EB%82%98ab12!@#$%25%5E&*()-=,.%3C%3E;:/%5B%5D%7B%7D

3 : %EA%B0%80%EB%82%98ab12!%40%23%24%25%5E%26*()-%3D%2C.%3C%3E%3B%3A%2F%5B%5D%7B%7D

4 : %EA%B0%80%EB%82%98ab12%21%40%23%24%25%5E%26*%28%29-%3D%2C.%3C%3E%3B%3A%2F%5B%5D%7B%7D


결론

1. escape는 별로 쓸일이 없겠다.

URL 전부를 인코딩할때는 encodeURI 를 사용하고

파라미터만 인코딩 하거나 url 전체를 파라미터로 줄때는 encodeURIComponent 를 사용하면된다.

2. 자바스크립트에서 지원하는 인코딩들은 모두 utf8이다 따라서 javascript로 인코딩한뒤 파라미터를 넘기고 jsp에서 받을때

utf-8로 디코딩을 해줘야 한글이 안깨진다.

3. ajax도 utf8이기때문에 charset이 euc-kr인 페이지에서는 urlencodecomponent로 인코딩해준뒤 넘겨준다.

관련자료

등록된 댓글이 없습니다.
Today's proverb
무수한 사람들 가운데는 나와 뜻을 같이할 사람이 한둘은 있을 것이다. 그것으로 충분하다. 공기를 호흡하는 데는 들창문 하나로도 족하다. (R. 롤랑)