투케이2K

103. (jquery/제이쿼리) param 사용해 object 형태 데이터를 query string 쿼리 스트링 형태로 변환 수행 본문

Jquery

103. (jquery/제이쿼리) param 사용해 object 형태 데이터를 query string 쿼리 스트링 형태로 변환 수행

투케이2K 2024. 12. 21. 18:59

[개발 환경 설정]

개발 툴 : Edit++

개발 언어 : jquery

 

[소스 코드]

 

// --------------------------------------------------------------------------------------
[개발 및 테스트 환경]
// --------------------------------------------------------------------------------------

- 언어 : JQuery

- 개발 툴 : Edit ++

- 구분 : HTTP / WEB

// --------------------------------------------------------------------------------------






// --------------------------------------------------------------------------------------
[소스 코드]
// --------------------------------------------------------------------------------------

    <!-- ========================================================= -->
    <!-- [CDN 주소 설정] -->
    <!-- ========================================================= -->
    <script src="https://code.jquery.com/jquery-latest.min.js"></script>
    <!-- ========================================================= -->





    <!-- ========================================================= -->
    <!-- [자바스크립트 코드 지정] -->
    <!-- ========================================================= -->
    <script>

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


            // [Object 정의 실시]
            var params = { name:"Twok2K", age:30 };


            // [prams 사용해 Query String 형태로 변환 수행]
            var queryString = $.param( params );


            // [로그 출력 수행]
            console.log("");
            console.log("======================================================");
            console.log("params : " + JSON.stringify(params));
            console.log("-----------------------------------------");
            console.log("queryString : " + queryString);
            console.log("======================================================");
            console.log("");

        };


    </script>

// --------------------------------------------------------------------------------------






// --------------------------------------------------------------------------------------
[결과 출력]
// --------------------------------------------------------------------------------------

======================================================
params : {"name":"Twok2K","age":30}
-----------------------------------------
queryString : name=Twok2K&age=30
======================================================

// --------------------------------------------------------------------------------------

 

반응형
Comments