JSON 기초 와 XML 비교

JSON 의 장점:
경량급 데이터 교환 형식
사람들 은 읽 기와 쓰기 가 더 쉽다.
기계 의 해석 과 생 성 이 용이 하 다.
JavaScript 에서 eval () 함수 로 JSON 을 해석 할 수 있 습 니 다.
JSON 은 다 국어 지원.포함: ActionScript, C, C \ #, ColdFusion, E, Java, JavaScript, ML, Objective CAML, Perl, PHP, Python, Rebol, Ruby, Lua.
JSON 문법 은 데 이 터 를 전송 하고 생 성 하 는 데 사용 되 는 협정 으로 C 가족의 언어 와 유사 하기 때문에 C 가족의 언어 로 해석 되 기 쉽다.
대상: 대상 포함 {} 사이
속성: Key - Value 쌍 으로 표시 합 니 다.속성 간 에 쉼표 로 구분 합 니 다.  string : value
배열: 배열 저장 재 [] 사이   [ elements ]
원소: 원소 사 이 를 쉼표 로 나누다
값: 값 은 문자열, 숫자, 대상, 배열, true, false, null 일 수 있 습 니 다.
예:
JSON 
{"menu": {  
   "id": "file",
   "value": "File:",  
   "popup": {  
     "menuitem": [
       {"value": "New", "onclick": "CreateNewDoc()"},
       {"value": "Open", "onclick": "OpenDoc()"},  
       {"value": "Close", "onclick": "CloseDoc()"} ]
   }
}}

XML 
<menu id="file" value="File" >
   <popup>
     <menuitem value="New" onclick="CreateNewDoc()" />
     <menuitem value="Open" onclick="OpenDoc()" />
     <menuitem value="Close" onclick="CloseDoc()" />
   </popup>
</menu>

XML 의 역할 은 데이터 내용 을 포맷 하 는 것 이다.저희 가 XML 을 안 쓰 면 더 좋 은 방법 이 있 나 요?이 답 은 JSON 입 니 다.JSON 을 소개 하기 전에 자 바스 크 립 트 라 는 스 크 립 트 언어 를 소개 하 겠 습 니 다.스 크 립 트 언어 자체 에 동적 실행 에 소질 이 있 습 니 다.즉, 우 리 는 실행 하고 자 하 는 문 구 를 문자열 에 넣 고 eval () 이라는 동적 실행 함 수 를 통 해 실행 할 수 있 습 니 다.문자열 의 내용 은 우리 가 쓴 스 크 립 트 처럼 실 행 됩 니 다.
페이지 를 열 면 hello 창 이 팝 업 됩 니 다.우 리 는 문자열 에 성명 문 구 를 포함 한 모든 스 크 립 트 문 구 를 넣 을 수 있 습 니 다. 예 를 들 어:
<HTML>
<HEAD>
 <TITLE>eval example 1</TITLE>
</HEAD>
<BODY>
 <script>
  str = "alert('hello')";
  eval(str);
 </script>
</BODY>
</HTML>  

만약 우리 가 배경 에서 비동기 로 보 내 온 텍스트 가 자바 script 의 성명 문 이 라면 eval 방법 으로 해석 할 수 있 는 것 이 아 닙 니까?복잡 한 XML 을 해석 하 는 데 이런 효율 이 얼마나 높 아 졌 는가!지금 바로 JSON: JavaScript Object Notation 이 무엇 인지 알려 드 리 겠 습 니 다.나 는 그것 을 자 바스 크 립 트 대상 성명 으로 번역 하고 싶다.예 를 들 어 배경 에서 주소록 정 보 를 불 러 오 려 면 XML 로 쓰 면 다음 과 같 습 니 다.
<HTML>
<HEAD>
<TITLE>eval example 2</TITLE>
</HEAD>
<BODY>
<script>
 define = "{name:'Michael',email:'[email protected]'}";
 eval("data = "+define);
 alert("name:"+data.name);
 alert("email:"+data.email);
</script>
</BODY>
</HTML>

JSON 이 라 고 쓰 면 다음 과 같 습 니 다.
<contact>
 <friend>
  <name>Michael</name>
  <email>[email protected]</email>
  <homepage>http://www.jialing.net</homepage>
 </friend>
 <friend>
  <name>John</name>
  <email>[email protected]</email>
  <homepage>http://www.john.com</homepage>
 </friend>
 <friend>
  <name>Peggy</name>
  <email>[email protected]</email>
  <homepage>http://www.peggy.com</homepage>
 </friend>
</contact>

간단 한 것 은 표현 뿐만 아니 라 어 지 러 운 DOM 해석 을 버 리 는 것 이 중요 하 다.자 바스 크 립 트 의 성명 규범 에 부합 하면 자 바스 크 립 트 가 자동 으로 해석 해 주기 때문이다.Ajax 에서 JSON 을 사용 하 는 기본 적 인 방법 은 프론트 데스크 톱 에서 자 바스 크 립 트 대상 을 설명 하 는 문자열 을 불 러 오고 eval 방법 으로 실제 대상 으로 전환 하 며 마지막 으로 DHTML 을 통 해 페이지 정 보 를 업데이트 하 는 것 입 니 다.

좋은 웹페이지 즐겨찾기