JS는 URL을 인코딩하고 디코딩합니다 (세 가지 구분 방법

작은 쓰레기 같은 놈들 · 게시됨 2019. 1. 23. 오후 3:06:04

단 0-9[a-z] $ - _ . + ! * '( ), 그리고 특정 예약어는 인코딩 없이 URL에서 직접 사용할 수 있습니다.

예를 들어, 중국어 키워드를 검색하면 URL을 복사한 뒤 붙여넣으면 URL이 트랜스코딩된 것을 확인할 수 있습니다.

1. 탈출과 탈출

원칙: ASCII 문자, 숫자, 구두점 @ * _ + - 를 나누어 /

코드: escape('http://www.baidu.com?name=zhang@xiao@jie&order=1')

결과: "http%3A///www.baidu.com%3Fname%3Dzhang@xiao@jie%26order%3D1"

탈출('장')

결과: "%u5F20"

디코딩: unescape("http%3A///www.baidu.com%3Fname%3Dzhang@xiao@jie%26order%3D1")

결과: "http://www.baidu.com?name=zhang@xiao@jie&order=1"

unescape("%u5F20")

결과: "장"

2. encodeURI와 decodeURI

원칙: 유효한 통일 자원 식별자(URI)로 인코딩된 문자열을 반환하며, 인코딩되지 않은 문자입니다:! @ # $ & * ( ) = : / ; ? + '

encodeURI()는 자바스크립트에서 실제로 URL을 인코딩하는 데 사용되는 함수입니다.

인코딩: encodeURI('http://www.baidu.com?name=zhang@xiao@jie&order=1')

결과: "http://www.baidu.com?name=zhang@xiao@jie&order=1"

디코딩: decodeURI("http%3A///www.baidu.com%3Fname%3Dzhang@xiao@jie%26order%3D1")

결과: "http%3A///www.baidu.com%3Fname%3Dzhang@xiao@jie%26order%3D1"

3. encodeURIComponent and decodeURIComponent

원칙: URL의 구성 요소를 개별적으로 인코딩할 것이, 전체 URL을 인코딩하지 마세요

Encoding: encodeURIComponent('http://www.baidu.com?name=zhang@xiao@jie&order=1')
결과: "http%3A%2F%2Fwww.baidu.com%3Fname%3Dzhang%40xiao%40jie%26order%3D1"

디코딩: decodeURIComponent("http%3A%2F%2Fwww.baidu.com%3Fname%3Dzhang%40xiao%40jie%26order%3D1")

"http://www.baidu.com?name=zhang@xiao@jie&order=1"

[JavaScript] JS는 URL을 인코딩하고 디코딩합니다 (세 가지 구분 방법

관련 게시물

본 섹션