그누보드 데이터를 json 으로 내보내고, javascript 에서 사용하기 > 개발

## 그누보드에서 json 으로 데이터 내보내기

https://sir.kr/g5_plugin/3318



## jQuery 로 json 데이터 가져오기

jQuery.ajax 로 처리한다.
참고로, jQuery.getJSON 은 async 옵션과 type 옵션을 사용할수 없다고 한다.

https://withthisclue.tistory.com/entry/jQuery-json-파일-읽기-ajax-getJSON-차이 [TI이야기]
https://withthisclue.tistory.com/entry/jQuery-json-%ED%8C%8C%EC%9D%BC-%EC%9D%BD%EA%B8%B0-ajax-getJSON-%EC%B0%A8%EC%9D%B4



## javascript 에서 json 데이터 처리하기


그냥 배열처럼 사용하면 된다.
```
var val1 = data["key"];
var val2 = data.key;
```
유의할 점은, json 데이터가 loop 배열을 encode 한 것이라면, 루프 순번을 지정해 주어야 한다.
```
var val1 = data[0]["key"];
var val2 = data[0].key;
```


https://java119.tistory.com/54


## javascript 에서 json data format 변환 - JSON.parse(), JSON.stringify()
JSON.parse()
```
const json = '{"result":true, "count":42}';
const obj = JSON.parse(json);

console.log(obj.count);
// expected output: 42

console.log(obj.result);
// expected output: true
```
JSON.stringify()
```
console.log(JSON.stringify({ x: 5, y: 6 }));
// expected output: "{"x":5,"y":6}"

console.log(JSON.stringify([new Number(3), new String('false'), new Boolean(false)]));
// expected output: "[3,"false",false]"

console.log(JSON.stringify({ x: [10, undefined, function(){}, Symbol('')] }));
// expected output: "{"x":[10,null,null,null]}"

console.log(JSON.stringify(new Date(2006, 0, 2, 15, 4, 5)));
// expected output: ""2006-01-02T15:04:05.000Z""
```




https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/JSON
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse

추천0