73. (javascript/자바스크립트) url 인코딩 (encode), 디코딩 (decode) 수행 실시 - encodeURI , decodeURI

/* =========================== */

[ 개발 환경 설정 ]

​

개발 툴 : Edit++

개발 언어 : javascript

/* =========================== */

​

/* =========================== */

[소스 코드]

 

    <script>

    	/*
    	[JS 요약 설명]
    	1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다
    	2. JSON.stringify : json 객체를 문자열로 표시해줍니다
    	3. encodeURI : url 인코딩을 실시합니다
    	4. decodeURI : url 디코딩을 실시합니다
    	5. URL 인코딩은 안전하지 않은 ASCII 문자를 "%" 다음에 두 개의 16진수로 대체합니다
    	6. URL 인코딩은 ASCII 문자 이외 한글, 일본어, 중국어 등등 ... 전송 시 사용합니다
    	*/
   	
    	


    	/* [html 최초 로드 및 이벤트 상시 대기 실시] */
    	window.onload = function() {
    		console.log("");
    		console.log("[window onload] : [start]");
    		console.log("");


    		// [이벤트 함수 실행]
    		main();
    	};





    	/* [이벤트 수행 함수] */
    	function main(){
    		console.log("");
    		console.log("[main] : [start]"); 
    		console.log("");

    		//초기 데이터 선언 실시
    		var jsonOneObj = {"idx" : 1, "name" : "투케이", "age" : 28};
    		console.log("");
    		console.log("[main] : [원본] : " + JSON.stringify(jsonOneObj)); 
    		console.log("");


    		//url 인코딩 수행 실시 
    		var encode = encodeURI(JSON.stringify(jsonOneObj));
    		console.log("");
    		console.log("[main] : [url encode] : " + encode); 
    		console.log("");


    		//url 디코딩 수행 실시 
    		var decode = decodeURI(encode);
    		console.log("");
    		console.log("[main] : [url decode] : " + decode); 
    		console.log("");

    	};
    	
    </script>

/* =========================== */

​

/* =========================== */

[결과 출력]

​

/* =========================== */

​

/* =========================== */

[요약 설명]

​

/*

[JS 요약 설명]

1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다

2. JSON.stringify : json 객체를 문자열로 표시해줍니다

3. encodeURI : url 인코딩을 실시합니다

4. decodeURI : url 디코딩을 실시합니다

5. URL 인코딩은 안전하지 않은 ASCII 문자를 "%" 다음에 두 개의 16진수로 대체합니다

6. URL 인코딩은 ASCII 문자 이외 한글, 일본어, 중국어 등등 ... 전송 시 사용합니다

*/

/* =========================== */