반응형

json 데이터를 스트링 혹은 오브젝트 타입으로 가져오는 방법입니다.

jsp에 원시적으로 작성되어있는 고정된 데이터와 클라이언트의 선택에 따른 데이터를 합하여 서버에 전송하기 위함입니다

 

 { "layer" : { "test" : "value" }, { test2 : value2 } }

 

이와같은 json형태 데이터가있을때 

 

저는 ajax를 이용하여 하나의 페이지에 json 데이터를 넣어놓고 가져왔습니다.

 

//도큐먼트에서 받아온 json오브젝트

//스트링으로 받지않으면 에러발생하여 일단스트링으로 받아옴 왜그런지 이유는 더 찾아봐야 할것같습니다 아시는분 알려주세요 ㅜ 

var map = JSON.stringify(MAINMAP.userJson);

 

$.ajax({

    type: 'GET' , 

    url: '../해당경로' , 

    data: {} , 

    dataType: 'text' , 

    success : function(result){

        //스트링으로 받아온 값 json오브젝트 형태로 변환하기위함 

        var map_json = JSON.parse(map);

        //ajax로 가져온 데이터를 변수에 담는다

        var basic_json = JSON.parse(result, "기본도");

        //map_json에 들어있는 layer 네임에 value를 줄텐데 그 value값의 네임은 "기본도"라는 네임으로 생성하겠다. 
        //없는 네임이면 생성을하고 있는네임이면 해당네임의 밸류값으로 들어갑니다.
        map_json.layer["기본도"] = basic_json;

        //다시 스트링형태로 변수에 담아준다
        var map2 = JSON.stringify(map_json);

   	 //json구문확인 

    console.log(map2);

}

});

 

console에 찍한걸 확인해보면

 

 

{

	layer : {

        "test" : { "value" : 데이터 } , 

        "test2" :{ "value" : 데이터 } ,

        "기본도" : { "result에 들어있는 json데이터" }

	}

}

 

 

반응형

'Developer > Javascript' 카테고리의 다른 글

[javascript]배열  (0) 2022.06.10
[javascript]함수  (0) 2022.06.10
[javascript]자바 스크립트 기초  (0) 2022.06.09
[javascript]ajax 공통 함수로 만들어 사용하기  (0) 2022.06.02
[javascript]UI Layout Plug-in  (0) 2017.11.02
복사했습니다!