> 웹 프론트엔드 > JS 튜토리얼 > JSON 코드 작성 사양

JSON 코드 작성 사양

高洛峰
풀어 주다: 2016-12-17 15:02:13
원래의
1817명이 탐색했습니다.

AJAX가 프런트엔드와 백엔드 데이터 상호 작용을 구현할 때 일반적으로 JSON의 데이터 형식이 사용됩니다. JSON의 경우 형식에 문제가 있으면 해당 효과를 표시할 수 없습니다. 콘솔에는 오류가 보고되지 않습니다. 그렇다면 JSON 작성을 위한 사양은 무엇입니까?

JSON이란 무엇인가요?

프론트엔드와 백엔드 간의 상호작용에서는 메시지가 서로 전송되는 경우가 많기 때문에 양측이 "이해"할 수 있는 언어가 필요합니다. 여기서 데이터 형식은 언어를 나타냅니다. JSON은 프런트엔드와 백엔드 모두에서 이해할 수 있는 "언어"입니다.

JSON 유형

JSON에도 다양한 조직 형태가 있는데, 하나는 JSON 객체이고 다른 하나는 JSON 배열입니다. 따라서 코드를 작성할 때에는 객체와 배열의 기본적인 작성 방법을 따라야 합니다.

1. 배열 모드

[{
            "city" : "BeiJing",
            "num" : 5
        }, {
            "city" : "ShenZhen",
            "num" : 5
        }, {
            "city" : "XiaMen",
            "num" : 5
        }]
로그인 후 복사

2. 객체 모드

{
            "user" : "ZhangSan",

            "type" : "work",

            "team" : [{
                "city" : "BeiJing",
                "num" : 3
            }, {
                "city" : "GuangZhou",
                "num" : 3
            }, {
                "city" : "ShangHai",
                "num" : 3
            }]
        }
로그인 후 복사

JSON 작성 시 주의 사항

1. 큰따옴표를 사용해야 하며, 작은따옴표는 사용할 수 없습니다.

{'user' : 'zhangsan'}//Illegal
{"user": 'zhangsan'}//Illegal

2. 개체의 구성원 이름은 큰따옴표를 사용해야 합니다

{"user" : "zhangsan"}//Legal

3 . 배열 또는 개체의 마지막 구성원 뒤에는 쉼표

[{
            "city" : "BeiJing",
            "num" : 5,//不合法
        }, {
            "city" : "ShenZhen",
            "num" : 5,//不合法
        }]
로그인 후 복사

를 사용할 수 없습니다. 4. 배열 또는 개체의 각 구성원 값은 단순 값이거나 복합 값일 수 있습니다. 단순 값에는 문자열, 숫자 값(10진수로 표시해야 함), 부울 값 및 null(NaN, Infinity, -Infinity 및 undefinity가 모두 null로 변환됨)의 네 가지 유형이 있습니다. 복합 값에는 JSON 형식 개체와 JSON 형식 배열의 두 가지 유형이 있습니다.

{"age" : ox16}//불법, 값은 10진수여야 합니다
{"city" : undefine}//정의되지 않음 사용, 불법입니다

1 {"city" : null,

2 "getcity": function() {

3 console.log("잘못된 사용법");

4 }}// 사용자 정의 함수 또는 시스템 내장 함수(예: Date())는 JSON에서 사용할 수 없습니다. PHP 중국어 웹사이트를 따르세요!


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿