JSON을 소개합니다
온라인 예
우리의 편집기를 사용하면 온라인으로 자바 스크립트 코드를 편집 할 수 있습니다, 다음 버튼을 클릭하여 결과를 볼 수 :
JSON 예제
<!DOCTYPE html>
<html>
<body>
<h2>JSON Object Creation in JavaScript</h2>
<html>
<body>
<h2>JSON Object Creation in JavaScript</h2>
<p>
Name: <span id="jname"></span><br />
Age: <span id="jage"></span><br />
Address: <span id="jstreet"></span><br />
Phone: <span id="jphone"></span><br />
</p>
<script>
var JSONObject= {
"name":"John Johnson",
"street":"Oslo West 555",
"age":33,
"phone":"555 1234567"};
document.getElementById("jname").innerHTML=JSONObject.name
document.getElementById("jage").innerHTML=JSONObject.age
document.getElementById("jstreet").innerHTML=JSONObject.street
document.getElementById("jphone").innerHTML=JSONObject.phone
</script>
</body>
</html>
»시도
온라인 인스턴스를 볼 수 있습니다 "시도"버튼을 클릭하십시오.
XML과 공통점
- JSON은 텍스트입니다
- JSON "자기 설명"(사람이 읽을 수있는)
- 계층 구조와 JSON (값 값이 존재)
- JSON은 자바 스크립트 구문 분석 할 수있다
- JSON 데이터는 AJAX를 사용하여 전송 될 수있다
및 XML 상이
- 끝 태그 없음
- 짧은
- 빠른 읽기
- 당신은 구문 분석에 내장 된 자바 스크립트의 평가 () 메서드를 사용할 수 있습니다
- 배열을 사용하여
- 예약 된 단어를 사용하지 마십시오
왜 JSON을 사용합니까?
AJAX 응용 프로그램의 경우, JSON 빠르고 쉽게 XML 이상은 사용 :
사용 XML
- XML 문서 읽기
- 문서 순환을 통과 할 XML의 DOM을 사용하여
- 그리고 변수에 저장된 값을 읽어
JSON을 사용하여
- JSON 문자열을 읽기
- 사용 평가 () JSON 문자열 처리