반응형
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 |