JSON 사용

JSON 텍스트는 자바 스크립트 객체로 변환

JSON의 가장 일반적인 사용의 하나는, (a 파일로서 또는 HttpRequest에 같은) 상기 JSON의 자바 스크립트 객체에 데이터를 다음 웹 페이지의 데이터를 사용하여 웹 서버 JSON 데이터로부터 판독된다.

보다 쉽게 설명 할 수 있도록하기 위해, 우리는 (파일이 아닌) 프리젠 테이션에 대한 입력으로 문자열을 사용합니다.

JSON 인스턴스 - 문자열에서 개체

JSON 구문을 포함하는 자바 스크립트 문자열을 만듭니다

var txt = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

JSON 구문 자바 스크립트 구문의 일부이기 때문에, 자바 스크립트 eval () 함수는 JSON 자바 스크립트 객체의 텍스트로 변환 할 수있다.

eval () 함수는 JSON 텍스트를 구문 분석 할 수 있습니다 자바 스크립트 컴파일러를 사용하고 자바 스크립트 객체를 생성합니다. 구문 오류를 방지하기 위해 텍스트는 괄호로 묶어야합니다 :

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

페이지에 자바 스크립트 객체를 사용 :

예

<p>
First Name: <span id="fname"></span><br />
Last Name: <span id="lname"></span><br />
</p>

<script>
document.getElementById("fname").innerHTML = obj.employees[1].firstName
document.getElementById("lname").innerHTML = obj.employees[1].lastName
</script>

»시도