최신 웹 개발 튜토리얼
 

JSON어떻게


JSON의 일반적인 용도는 웹 페이지의 데이터를 웹 서버로부터 데이터를 판독하고 표시한다.

단순화를 위해,이 (파일 대신) 입력으로 문자열을 사용하여 입증 될 수있다.


JSON 예 - 문자열에서 개체

JSON 구문을 포함하는 자바 스크립트 문자열을 만듭니다

var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

JSON 구문은 자바 스크립트 구문의 하위 집합입니다.

자바 스크립트 기능 JSON.parse( text ) 자바 스크립트 객체로 JSON 텍스트를 변환 할 수 있습니다 :

var obj = JSON.parse(text);

페이지의 새로운 자바 스크립트 객체를 사용합니다 :

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
»그것을 자신을 시도

사용 eval()

자바 스크립트 함수에 대한 지원없이 이전 버전의 브라우저 JSON.parse() 사용 할 수 있습니다 eval() 자바 스크립트 객체로 JSON 텍스트를 변환하는 기능 :

var obj = eval ("(" + text + ")");
»그것을 자신을 시도

eval() 함수는 컴파일하고 자바 스크립트를 실행할 수 있습니다.
이 잠재적 인 보안 문제를 나타낸다. 그것을 방지하려고합니다.

자바 스크립트 객체에 JSON 텍스트를 변환하는 JSON 파서를 사용하는 것이 안전합니다.

JSON 파서는 JSON 텍스트를 인식하고 스크립트를 컴파일되지 않습니다.

네이티브 JSON 지원을 제공하는 브라우저에서 JSON 파서도 빠릅니다.

네이티브 JSON 지원은 모든 주요 브라우저에서 최신의 ECMAScript (JavaScript)를 표준에 포함되어 있습니다 :

웹 브라우저 지원
  • Firefox 3.5
  • Internet Explorer 8
  • Chrome
  • Opera 10
  • Safari 4

이전 버전의 브라우저를 들어, 자바 스크립트 라이브러리에서 사용할 수 있습니다 https://github.com/douglascrockford/JSON-js .

JSON 형식은 원래에 의해 지정된 Douglas Crockford .