최신 웹 개발 튜토리얼
 

JSON지도 시간

JSON : 자바 스크립트 객체 표기법.

JSON 저장하고 데이터를 교환하기위한 구문이다.

JSON은 XML에 사용하기 쉬운 대안입니다.


다음 JSON 예제에서는 직원이 3 직원 기록의 배열, 객체 정의

JSON 예

{"employees":[
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter", "lastName":"Jones"}
]}

다음 XML 예제는 또한 직원이 3 직원 기록 객체를 정의한다 :

XML 예

<employees>
    <employee>
        <firstName>John</firstName> <lastName>Doe</lastName>
    </employee>
    <employee>
        <firstName>Anna</firstName> <lastName>Smith</lastName>
    </employee>
    <employee>
        <firstName>Peter</firstName> <lastName>Jones</lastName>
    </employee>
</employees>

JSON은 무엇입니까?

  • JSON은 자바 스크립트 객체 표기법을 의미
  • JSON은 경량 데이터 교환 형식이다
  • JSON은 독립적 인 언어입니다 *
  • JSON은 "자체 설명"하고 이해하기 쉬운

* JSON은 자바 스크립트 구문을 사용하지만, JSON 포맷은 XML처럼, 단지 텍스트입니다.
텍스트는 임의의 프로그래밍 언어를 사용하여 데이터 포맷으로 사용될 수있다.


JSON은 - 자바 스크립트 객체로 평가

JSON 형식은 자바 스크립트 객체를 생성하는 코드 구문과 동일합니다.

이 때문에 유사성, 대신 파서 (XML이하는 것처럼) 사용하는, 자바 스크립트 프로그램은 네이티브 자바 스크립트 객체로 JSON 데이터를 변환 표준 자바 스크립트 기능을 사용할 수 있습니다.


그것을 자신을 시도

우리의 편집기를 사용하면 온라인으로 자바 스크립트 코드를 편집 할 수 있습니다 결과를 볼 수있는 버튼을 클릭합니다 :

JSON 예

<!DOCTYPE html>
<html>
<body>

<h2>JSON Object Creation in JavaScript</h2>

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

<script>
var text = '{"name":"John Johnson","street":"Oslo West 16","phone":"555 1234567"}';

var obj = JSON.parse(text);

document.getElementById("demo").innerHTML =
obj.name + "<br>" +
obj.street + "<br>" +
obj.phone;
</script>

</body>
</html>
»그것을 자신을 시도

많은처럼의 XML 때문에

  • 모두 JSON과 XML은 "자기 기술"(사람이 읽을 수있는)
  • 모두 JSON과 XML 계층 (값은 값 내에서)입니다
  • 두 JSON 및 XML 파싱 및 프로그래밍 언어를 많이 사용할 수있다
  • 모두 JSON과 XML은 XMLHttpRequest를 함께 가져올 수 있습니다

XML과는 달리 대부분 때문에

  • JSON은 종료 태그를 사용하지 않습니다
  • JSON은 짧은
  • JSON은 읽기 및 쓰기 빠르다
  • JSON 배열을 사용할 수 있습니다

가장 큰 차이점은 다음과 같습니다

XML은 XML 파서로 해석되어야한다. JSON은 표준 자바 스크립트 함수로 해석 될 수있다.


왜 JSON?

AJAX 응용 프로그램의 경우, JSON은 XML보다 빠르고 쉽게 :

XML을 사용하여

  • XML 문서를 가져 오기
  • 문서를 통해 루프에 XML의 DOM을 사용하여
  • 변수 추출 값을 저장

JSON을 사용하여

  • JSON 문자열을 가져 오기
  • JSON 문자열을 JSON.Parse