> 웹 프론트엔드 > JS 튜토리얼 > JSON을 사용하는 방법

JSON을 사용하는 방법

jacklove
풀어 주다: 2018-05-08 09:35:47
원래의
2012명이 탐색했습니다.

js에서는 json의 사용이 매우 중요합니다. 이 글에서는 json의 사용에 대해 설명하겠습니다.

JSON 텍스트를 JavaScript로 변환 Objects

JSON의 가장 일반적인 용도 중 하나는 웹 서버에서 JSON 데이터를 파일 또는 HttpRequest로 읽고 JSON 데이터를 JavaScript 객체로 변환하는 것입니다. 그리고 이 데이터는 웹페이지에서 사용됩니다.

더 간단하게 설명하기 위해 데모용 입력으로 파일 대신 문자열을 사용합니다.

JSON 인스턴스 - 문자열의 개체

JSON 구문을 포함하는 JavaScript 문자열 만들기:

var txt = '{ "employees" : [' +
'{ "firstName":"Bill" , "lastName":"Gates" },' +
'{ "firstName":"George" , "lastName":"Bush" },' +
'{ "firstName":"Thomas" , "lastName":"Carter" } ]}';
로그인 후 복사

JSON 구문은 JavaScript 구문의 하위 집합이므로 JavaScript 함수 eval()을 사용하여 JSON 텍스트를 JavaScript 개체로 변환할 수 있습니다. .

eval() 함수는 JavaScript 컴파일러를 사용하여 JSON 텍스트를 구문 분석한 다음 JavaScript 개체를 생성합니다. 구문 오류를 방지하려면 텍스트를 대괄호로 묶어야 합니다.

var obj = eval ("(" + txt + ")");

웹 페이지에서 JavaScript 개체 사용:

Example

<p>
First Name: <span id="fname"></span><br />
Last Name: <span id="lname"></span><br />
</p>
<script type="text/javascript">
document.getElementById("fname").innerHTML = obj.employees[1].firstName
document.getElementById("lname").innerHTML = obj.employees[1].lastName
</script>
로그인 후 복사

이 문서에서는 다음을 제공합니다. json 사용에 대한 관련 설명을 보려면 PHP 중국어 웹사이트를 참고하세요.

관련 권장 사항:

json 관련 구문 이해하기

JSON에 대한 예비 이해

PHP 필터 이해하기

위 내용은 JSON을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿