[jQuery] encodeURIComponent() 사용법

encodeURIComponent()은 자바스크립트 펑션으로서 URI콤퍼넌트를 인코드 합니다.

이 인코딩은 , / ? : @ & = + $ # 같은 기호도 같이 인코딩 합니다.

예를 들면

var uri = "https://w3schools.com/my test.asp?name=ståle&car=saab";
var res = encodeURIComponent(uri);

를 인코딩하면,

https%3A%2F%2Fw3schools.com%2Fmy%20test.asp%3Fname%3Dst%C3%A5le%26car%3Dsaab

처럼됩니다.

[예제]

<p>Click the button to encode a URI.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>

function myFunction() {

    var uri = "https://w3schools.com/my test.asp?name=ståle&car=saab";

    var res = encodeURIComponent(uri);

    document.getElementById("demo").innerHTML = res;

}

</script>

[결과] 버튼을 누르면 아래처럼 인코딩된 URI가 나옵니다.

참고로 URI는  Uniform Resource Identifier (URI) 입니다.