이번에는 JS가 JSON을 운용하는 방법과 JS가 JSON을 운용하는 주의사항에 대해 알려드리겠습니다. 실제 사례를 살펴보겠습니다.
JSON 개요:
JSON(JavaScript Object Notation)은 완전히 언어 독립적인 텍스트 형식을 사용하는 경량 데이터 교환 형식이며 이상적인 데이터 교환 형식입니다. 동시에 JSON은 기본 JavaScript 형식이므로 JavaScript에서 JSON 데이터를 처리하는 데 특별한 API나 툴킷이 필요하지 않습니다.
JSON: JavaScript ObjectNotation(JavaScript 개체 표기법).
JSON은 텍스트 정보를 저장하고 교환하는 구문입니다. XML과 유사합니다.
JSON은 XML보다 더 작고 빠르며 구문 분석하기 쉽습니다.
JSON 구문 규칙
JSON 구문은 JavaScript 개체 표기 구문의 하위 집합입니다.
데이터는 이름/값 쌍으로 되어 있습니다.
데이터는 쉼표로 구분됩니다.
중괄호는 객체를 저장합니다.
대괄호는 배열을 저장합니다.
좋아, 위의 내용은 이 글의 주요 내용이 아닙니다. JSON을 조작하여 총 매듭을 만드는 방법입니다. JSON에는 객체와 배열이라는 두 가지 구조가 있습니다.
1. 개체는 "{"(왼쪽 대괄호)로 시작하고 "}"(오른쪽 대괄호)로 끝납니다. 각 "이름" 뒤에는 ":"(콜론)이 옵니다. "이름/값" 쌍은 ","(쉼표)로 구분됩니다. 이름은 따옴표로 묶어야 하며, 값이
string인 경우 괄호로 묶어야 하며, 숫자 값인 경우에는 필요하지 않습니다. 예: var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"};
2. 배열은 순서가 지정된 값 모음입니다. 배열은 "["(왼쪽 대괄호)로 시작하고 "]"(오른쪽 대괄호)로 끝납니다. 값은 ","(쉼표)로 구분됩니다.
예:
var jsonranklist=[{"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"},{"xlid":"zd","xldigitid":123456,"topscore":1500,"topplaytime":"2009-11-20"}];
JSON 데이터를 편리하게 처리하기 위해 JSON은 json.js 패키지를 제공합니다. 다운로드 주소는 http://www.json.org/json.js
데이터 전송 과정에서 json은 text 즉, 문자열 형태로 전달되고, JS는 JSON 객체로 동작하기 때문에 JSON 객체와 JSON 문자열 간의 변환이 핵심이다. 예:
JSON 문자열:var str1 = '{ "name": "cxh", "sex": "man" }';
var str2 = { "name": "cxh", "sex": "man" };
1. JSON 문자열을 JSON 개체로 변환위의 str1을 사용하려면 먼저 다음 방법을 사용하여 변환해야 합니다. JSON 개체로 변환:
//由JSON字符串转换为JSON对象 var obj = eval('(' + str + ')');
또는
var obj = str.parseJSON(); //由JSON字符串转换为JSON对象
또는
var obj = JSON.parse(str); //由JSON字符串转换为JSON对象
그런 다음 다음과 같이 읽을 수 있습니다.
Alert(obj.name); Alert(obj.sex);특별 참고 사항:
obj가 원래 JSON 개체인 경우 eval() 함수를 사용하여 변환합니다. (다중 변환이더라도) 여전히 JSON 객체이지만,parseJSON() 함수를 사용한 후에는 문제(구문 예외 발생)가 발생합니다.
2 toJSONString() 또는 전역 메서드 JSON.stringify()를 사용하여 JSON 개체를 JSON 문자열로 변환할 수 있습니다. 예:
var last=obj.toJSONString(); //将JSON对象转化为JSON字符
또는
var last=JSON.stringify(obj); //将JSON对象转化为JSON字符 alert(last);
이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사에 주목하세요!
추천 자료:
jquery에서 ajax 실행 순서 조정Ajax는 사용자 경험을 개선하기 위해 로딩 대기 효과를 구현합니다위 내용은 JS가 JSON을 작동하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!