41. (jquery/제이쿼리) parseJSON 사용해서 json 데이터 파싱 수행 실시

---

[개발 환경 설정]

​

개발 툴 : Edit++

개발 언어 : jquery

 

---

[소스 코드]

​

    <!-- [CDN 라이브러리 설치] -->
    <script src="https://code.jquery.com/jquery-latest.min.js"></script>




    <!-- [내부 자바스크립트 J쿼리 이벤트 지정] -->
    <script>


        /*
        // ---------------------------------------
        [요약 설명]
        // ---------------------------------------
        1. window.onload : html의 로딩이 끝난 후에 시작합니다 (이미지, 영상 등 모두 로드 완료 후 실행됨)
        // ---------------------------------------
        2. JSON.stringify : object 형식 json 데이터를 출력해줍니다
        // ---------------------------------------
        */




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


            // [테스트 함수 호출]         
            testMain();
        };




        // [자바스크립트 테스트 코드] 
        function testMain(){
            console.log("");
            console.log("[testMain] : [start]");
            console.log("");


            // [json 객체 생성 수행 실시]
            var jsonData = {"name" : "투케이", "age" : 29};
            console.log("");
            console.log("[jsonData] : " + JSON.stringify(jsonData));
            console.log("");


            // [parseJSON 사용해서 json 데이터 파싱 수행 실시]
            var parseJson = $.parseJSON(JSON.stringify(jsonData));
            console.log("");
            console.log("[name] : " + parseJson.name);
            console.log("[age] : " + parseJson.age);
            console.log("");            


        };

    </script>

 

---

[결과 출력]

​

 

---