자바 스크립트 JSON

JSON 저장하고 데이터를 전송하기위한 포맷이다.

JSON는 일반적으로 웹 서버에 데이터를 전달하기 위해 사용된다.

JSON은 무엇입니까?

N의 otation bject JSON 영어 이름 J아바 S의 cript의 O
JSON은 경량 데이터 교환 형식이다.
JSON*이 언어의 제약을받지 않으며,
이해하기 쉬운 JSON.

	* JSON JavaScript를 사용하지만 JSON는 텍스트 포맷이다. 텍스트는 임의의 프로그래밍 언어에서 판독하고, 데이터 전송 포맷으로 될 수있다.

JSON 예제

다음 직원 JSON 구문 정의 개체 : 레코드의 배열 세 직원 (객체) :

JSON 예

{ "직원"[
{ "FIRSTNAME": "존", "이 lastName": "미상"},
{ "firstName을": "안", "이 lastName": "스미스"},
{ "firstName을": "베드로", "이 lastName": "존스"}
]}

JSON 자바 스크립트 객체로 포맷 후

구문 JavaScript 오브젝트 코드를 생성하는 것이다 JSON 포맷은 동일하다.

그들은 비슷하기 때문에, 자바 스크립트 프로그램은 쉽게 자바 스크립트 객체로 JSON 데이터가 될 수 있습니다.

JSON 구문 규칙

키 / 값 쌍에 대한 데이터.
쉼표로 구분 된 데이터입니다.
개체 중괄호를 저장
배열 브래킷을 저장

JSON 데이터 - 값에 대응하는 이름

자바 스크립트 객체 속성과 같은 키 / 값 쌍에 대한 JSON 데이터 형식입니다.

키 / 값 쌍은 콜론 (큰 따옴표) 필드 이름을 포함, 값은 다음과 같습니다

"FIRSTNAME": "존"

JSON 객체

JSON 객체는 중괄호에 저장됩니다.

자바 스크립트에서와 같이, 개체 이상의 키 / 값 쌍을 저장할 수 :

{ "firstName을": "존", "이 lastName": "미상"}

JSON 배열

JSON 배열은 괄호 안에 보유하고있다.

자바 스크립트에서와 같이, 배열은 객체를 포함 할 수 있습니다 :

"직원"[
{ "FIRSTNAME": "존", "이 lastName": "미상"},
{ "firstName을": "안", "이 lastName": "스미스"},
{ "firstName을": "베드로", "이 lastName": "존스"}
]

상기 예에서, 개체 "직원"배열이다. 그것은 세 개체가 포함되어 있습니다.

각 개체는 직원 (성과 이름)에 대한 기록된다.

JSON 문자열을 JavaScript 객체로 변환

보통 우리는 서버에서 JSON 데이터를 판독하고, 웹 페이지 데이터를 표시한다.

단순화하기 위해, 우리는 직접 웹 페이지 JSON 문자열을 (당신은 또한 우리의 읽을 수있는 설정 JSON 튜토리얼 ) :

먼저 JSON 형식의 자바 스크립트 문자열, 문자열 데이터를 생성?

변수 텍스트 = '{ "직원"['+
'{ "FIRSTNAME": "존", "이 lastName": "미상"},'+
'{ "FIRSTNAME": "안나", "이 lastName": "스미스"},'+
'{ "FIRSTNAME": "베드로", "이 lastName": "존스"}]}';

그런 다음, 자바 스크립트 객체에 문자열을 변환하는 내장 된 자바 스크립트 함수 JSON.parse ()를 사용합니다 :

VAR OBJ = JSON.parse (텍스트);

마지막으로, 페이지의 새로운 자바 스크립트 객체를 사용 :

예

<P ID = "데모"> </ P>

<스크립트>
중요 document.getElementById ( "데모"). innerHTML을 =
obj.employees [1] .firstName + ""+ obj.employees [1] .lastName을;
</ 스크립트>

»시도

기능	기술
JSON.parse ()	자바 스크립트 객체로 JSON 문자열.
JSON.stringify ()	자바 스크립트는 JSON 문자열 값을 변환하는 데 사용됩니다.

JavaScript 코스

JS 기능

JS HTML DOM

JS 고급 자습서

JS 브라우저 BOM

JS 창고

JS 예

JS 참조 설명서