"JSON 중국어 매뉴얼"에서 JSON: JavaScript Object Notation(JavaScript Object Notation) JSON은 텍스트 정보를 저장하고 교환하기 위한 구문입니다. XML과 유사합니다. JSON은 XML보다 작고 빠르며 구문 분석하기 쉽습니다.
JSON(JavaScript Object Notation, JS Object Notation)은 가벼운 데이터 교환 형식입니다. ECMAScript(유럽 컴퓨터 협회에서 개발한 js 사양)의 하위 집합을 기반으로 하며 프로그래밍 언어와 완전히 독립적인 텍스트 형식을 사용하여 데이터를 저장하고 표현합니다. 단순성과 명확한 계층 구조 덕분에 JSON은 이상적인 데이터 교환 언어입니다. 사람이 읽고 쓰기가 쉽고, 기계가 구문 분석하고 생성하기도 쉽고 네트워크 전송 효율성이 효과적으로 향상됩니다.
팁: JSON 학습을 시작하기 전에 javascript , AJAX , jQuery에 대한 기본적인 이해가 있어야 합니다.
JSON(JavaScript Object Notation)은 경량 데이터 교환 형식입니다. 인간이 읽고 쓰기가 쉽습니다. 기계가 구문 분석하고 생성하는 것도 쉽습니다. 이는 표준 ECMA-262 3판(1999년 12월)의 하위 집합인 JavaScript 프로그래밍 언어를 기반으로 합니다.
JSON은 Douglas Crockford가 2001년부터 홍보하기 시작한 데이터 형식입니다. 2005~2006년에 공식적으로 주류 데이터 형식이 되었고, 이때 Yahoo와 Google이 JSON 형식을 광범위하게 사용하기 시작했습니다.
첫 번째 json 인스턴스를 경험해보자!
첫 번째 JSON 인스턴스
Instance
<!DOCTYPE html>
<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>인스턴스 실행 »
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
팁: 저희 JSON 튜토리얼은 초급부터 고급까지 JSON 지식을 배우는 데 도움이 됩니다. 궁금하신 점은 PHP 중국어 홈페이지 JSON Community에 접속하셔서 질문해주시면 열성적인 네티즌들이 답변해드리겠습니다.
JSON과 XML의 비교
가독성
JSON과 XML의 가독성은 한쪽은 구문이 단순하고, 한쪽은 표준화된 태그 형식을 가지고 있습니다. .
Extensibility
XML은 기본적으로 확장성이 뛰어나며 JSON에는 확장할 수 있는 부분이 없습니다. 그러나 JSON은 Javascript에 속해 있으며 XML에 비해 비교할 수 없는 장점이 있는 Javascript 복합 개체를 저장할 수 있습니다.
코딩의 어려움
XML에는 Dom4j, Dom, SAX 등 풍부한 코딩 도구가 있으며 JSON도 도구를 제공합니다. 도구가 없으면 숙련된 개발자가 원하는 XML 문서와 JSON 문자열을 빠르게 작성할 수 있다고 생각합니다. 그러나 XML 문서에는 더 많은 구조적 문자가 필요합니다.
디코딩 난이도
XML을 구문 분석하는 방법에는 두 가지가 있습니다.
하나는 문서 모델을 통해 구문 분석하는 것입니다. 즉, 상위 태그를 통해 태그 집합을 인덱싱하는 것입니다. 예: xmlData.getElementsByTagName("tagName"). 그러나 이는 문서 구조가 미리 알려져 있고 보편적으로 캡슐화할 수 없는 경우에 사용해야 합니다.
또 다른 방법은 노드(document 및 childNodes)를 순회하는 것입니다. 이는 재귀를 통해 달성할 수 있지만 구문 분석된 데이터는 여전히 다른 형식이며 사전 요구 사항을 충족하지 못하는 경우가 많습니다.
이러한 확장 가능한 구조화된 데이터는 구문 분석하기가 매우 어려울 것입니다.
JSON도 마찬가지입니다. JSON 구조를 미리 알고 있다면 데이터 전송에 JSON을 사용하는 것은 매우 실용적이고 아름답고 읽기 쉬운 코드를 작성할 수 있다는 것입니다. 순수 프런트엔드 개발자라면 JSON을 매우 좋아할 것입니다. 그러나 애플리케이션 개발자라면 XML이 데이터 전송에 사용되는 실제 구조화된 마크업 언어이기 때문에 별로 좋아하지 않을 것입니다.
그리고 JSON의 구조를 모르고 JSON을 구문 분석한다면 악몽이 될 것입니다. 시간이 많이 걸리고 노동 집약적일 뿐만 아니라 코드도 중복되고 길어지고 결과도 만족스럽지 못할 것입니다. 그러나 이는 JSON을 선택하는 많은 프런트엔드 개발자에게 영향을 미치지 않습니다. json.js의 toJSONString()은 JSON의 문자열 구조를 볼 수 있기 때문입니다. 물론, 이 문자열을 자주 사용하지 않는 사람들에게는 그렇게 하는 것이 여전히 악몽입니다. JSON을 자주 사용하는 사람들은 이 문자열을 보고 나면 JSON의 구조를 명확하게 이해하고 JSON을 조작하기가 더 쉬워질 것입니다.
위는 Javascript에서 데이터 전송을 위해 xml과 JSON만을 파싱한 것입니다. Javascript 분야에서는 결국 JSON이 홈 필드이고 그 장점은 물론 xml보다 훨씬 뛰어납니다. Javascript 복합 객체가 JSON에 저장되어 있고 그 구조를 알 수 없다면 많은 프로그래머도 JSON을 구문 분석할 때 울 것이라고 생각합니다.
위 내용 외에도 JSON과 XML의 또 다른 큰 차이점은 유효 데이터 속도입니다. JSON은 데이터 패킷 형식으로 전송될 때 더 효율적입니다. 이는 JSON이 XML과 같은 엄격한 종료 태그를 요구하지 않기 때문에 전체 데이터 패킷에 대한 유효 데이터 양의 비율이 크게 증가하므로 동일한 데이터 트래픽이 줄어듭니다. 네트워크의.
JSON의 장점과 단점:
장점:
데이터 형식은 비교적 간단하고 읽기 및 쓰기가 쉽고 형식이 압축되며 대역폭을 거의 차지하지 않습니다. 클라이언트 JavaScript는 eval( )을 전달하여 JSON 데이터를 읽을 수 있습니다.
-
PHP에서는 PHP-JSON 및 JSON-PHP가 이미 등장했으며, PHP 서버측 개체, 배열 등을 직접 호출하는 것이 좋습니다. 클라이언트 액세스 및 추출을 용이하게 하는 JSON 형식
-
JSON 형식은 서버 측 코드에서 직접 사용할 수 있으므로 서버 측 및 클라이언트 측의 코드 개발을 크게 단순화하고 작업을 변경 없이 완료하며 쉽습니다. 유지하다.
단점:
XML 형식만큼 대중적이지 않고 널리 사용되지 않으며 XML만큼 다재다능하지도 않습니다.
JSON 형식은 웹 서비스 홍보에서 아직 초기 단계입니다.
이 JSON 튜토리얼 매뉴얼에서 다루는 내용
이 JSON 튜토리얼은 JSON 형식, JSON 구문 분석, JSON 탐색, JSON 호출, JSON 변환, JSON 획득, JSON 문자열, JSON 배열 등을 포함하여 JSON에 대한 모든 기본 및 고급 지식을 다룹니다. - 팁:
최신 장
관련 강좌
- 웹 프론트 엔드 개발에 대한 빠른 소개 2021-12-10
- 당신을 가장 잘 이해하는 프론트엔드 강좌: HTML5/CSS3/ES6/NPM/Vue/...[원본] 2022-09-30
- Gulp 시작하기 비디오 튜토리얼 2022-04-18
- 전우 Gao Luofeng CSS3 비디오 튜토리얼 2022-04-20
- AngularJS 개발 웹 애플리케이션 기본 예제 비디오 튜토리얼 2022-04-18
- Ajax 전체 접촉 2022-04-13
- MUI 프레임워크 기본 비디오 튜토리얼 2022-04-13
- 온라인 교육 수업 체험 수업 2019-01-10