jQuery encode/decode url string-JS 튜토리얼-php.cn

jQuery encode/decode url string

Joseph Gordon-Levitt

풀어 주다： 2025-03-04 00:44:09

원래의

742명이 탐색했습니다.

jQuery Encode/Decode URL String

jQuery encode/decode url string 웹 페이지에서 올바르게 볼 수 있도록 URL 문자열 (HTTP 주소)의 HREF 매개 변수를 인코딩/디코딩 (변환)하는 간단한 jQuery 코드 스 니펫. 예를 들어, HTML은 공간과 동등하고 @는 암페어 ( @)입니다.

encode url string Decode URL 문자열

html url endoding references

<span>var url = $(location).attr('href'); //get current url
</span><span>//OR
</span><span>var url = 'folder/index.html?param=#23dd&noob=yes'; //or specify one
</span>
<span>var encodedUrl = encodeURIComponent(url);
</span><span>console.log(encodedUrl);
</span><span>//outputs folder%2Findex.html%3Fparam%3D%2323dd%26noob%3Dyes</span>

로그인 후 복사

모든 HTML URL 인코딩 참조를 참조하십시오 jQuery URL 인코딩 및 디코딩에 대한 자주 묻는 질문 (FAQ) jQuery에서 URL 인코딩의 목적은 무엇입니까?

백분율 인코딩으로도 알려진 URL 인코딩은 특정 상황에서 균일 자원 식별자 (URI)에서 정보를 인코딩하는 메커니즘입니다. 종종 HTTP 요청에 HTML 양식 데이터를 제출하는 데 사용됩니다. jQuery에서 URL 인코딩은 URL이 올바르게 형식화되고 브라우징에 신뢰할 수 있도록하는 데 사용됩니다. 안전하지 않고 안전하지 않은 문자를 안전하게 전송할 수있는 형식으로 변환합니다.

<span>var url = $(location).attr('href'); //get current url
</span><span>//OR
</span><span>var url = 'folder%2Findex.html%3Fparam%3D%2323dd%26noob%3Dyes'; //or specify one
</span>
<span>var decodedUrl = decodeURIComponent(url);
</span><span>console.log(decodedUrl);
</span><span>//outputs  folder/index.html?param=#23dd&noob=yes</span>

로그인 후 복사

jQuery에서 URL을 디코딩하려면 jQuery에서 URL을 디코딩하려면 DecodeUricomponent () 기능을 사용할 수 있습니다. 이 함수는 URL의 인코딩 된 구성 요소를 디코딩하여 원래 문자열을 반환 할 수 있습니다. 간단한 예는 다음과 같습니다.
var url = "https://www.example.com"; console.log (decodedurl); // https://www.example.com javaScript에서 encodeUri ()과 encodeUricomponent ()의 차이점은 무엇입니까? 이들의 주요 차이점은 Encodeuri ()가 전체 URI에서 사용되도록 의도되며 EncodeUricomponent ()는 쿼리 문자열 또는 경로 세그먼트와 같은 개별 URI 구성 요소를 인코딩하는 데 사용된다는 것입니다. EncodeUricomponent ()는 encodeuri ()보다 더 많은 문자를 인코딩합니다.

space 	%20
! 	%21
" 	%22
# 	%23
$ 	%24
% 	%25
& 	%26
' 	%27
( 	%28
) 	%29
* 	%2A
+ 	%2B
, 	%2C
- 	%2D
. 	%2E
/ 	%2F
... 
etc

로그인 후 복사

jQuery를 사용하여 URL 매개 변수와 함께 ajax 요청을 보내는 방법?

jquery의 $ .ajax () 메소드를 사용하여 URL 매개 변수와 함께 ajax 요청을 보낼 수 있습니다. 전송하기 전에 URL 매개 변수를 인코딩하여 올바르게 포맷해야합니다. 예는 다음과 같습니다.

$. ajax ({ data : {param1 : encodeUricomponent (value1), param2 : encodeUricomponent (value2)}, 성공 : inconse (result); } });

인코딩 된 URL이 올바르게 작동하지 않는 이유는 무엇입니까?

인코딩 된 URL이 올바르게 작동하지 않으면 몇 가지 이유로 인해 발생할 수 있습니다. 일반적인 문제 중 하나는 URL 매개 변수를 올바르게 인코딩하지 않습니다. 또 다른 문제는 개별 URI 구성 요소에 encodeUricomponent () 대신 encodeuri ()를 사용하는 것일 수 있습니다. 항상 특정 요구에 맞는 기능을 사용하고 있는지 확인하십시오.