JSON은 데이터 보관형식 중 한 방법으로
간단하지만 엄격한 구조를 가지고 있습니다.
본인이 읽고, 이해하기 쉽도록 편집해보았습니다.
IE 브라우저는 멍청한건지 엄격한건지 모르겠지만, 심심한 오류를 안내고,
모든 브라우저에서 json 오류를 없애려면 하단의 필수사항을 참고하는 것이 좋습니다.
[1] 필수사항
1. 문자열은 쌍따옴표로 감쌀 것 {"key":"value"}
2. 숫자열는 쌍따옴표 없이 기입
[2] 오류의 근원들
1. ; <- 세미콜론
2. , <- 쉼표
3. ' <- 작은 따옴표
[3] 사례
1. dataType 을 json 설정하고 실행 후 readySatus: 4 와 Status code: 200ok 를 리턴받고, ajax는 실패로 뜨는 경우
2. dataType 을 text 설정하고 실행 후 readySatus: 4 와 Status code: 200ok 를 리턴받고, 성공으로 했으나 response가 문자열이므로, 데이터로 쓰질 못함
JSON 데이터구조의 정확한 문서 → https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/JSON
JSON 유효성 검사 → https://jsonlint.com/
See the Pen json 구조 by Choidaeboem (@choidaeboem) on CodePen.
'Frontend' 카테고리의 다른 글
[button]pulse 버튼 만들기 (0) | 2019.01.10 |
---|---|
[DOM]DOMSubtreeModified, 하위메뉴의 변화를 감지하자! (0) | 2019.01.10 |
[ajax] ajax + promise (0) | 2019.01.10 |
[jQuery]스크롤 네비게이션 (0) | 2019.01.10 |
카운트 함수 (0) | 2019.01.09 |