Απολυμάνσεις Αθήνα

html json 예제

150 150 trap

그러나 두 번째 예제의 함수는 두 개의 for 루프(하나는 다른 루프 내부에 중첩된 루프)를 사용하여 중첩된 데이터를 검색합니다. 참고: 예제를 실행하는 데 문제가 있는 경우 heroes finished.html 소스 코드를 참조해 보십시오(라이브 로도 실행참조). 참고 : 우리가 자바 스크립트 객체에 액세스하는 데 사용하는 점 / 브래킷 표기에 따라 문제가있는 경우, 다른 탭이나 텍스트 편집기에서 superheroes.json 파일을 열고 자바 스크립트를 볼 때 참조하는 데 도움이 될 수 있습니다. 또한 도트 및 브래킷 표기법에 대한 자세한 내용은 JavaScript 개체 기본 문서를 다시 참조해야 합니다. JSON 개체는 기본적으로 .json의 확장명이 있는 텍스트 파일과 응용 프로그램/json의 MIME 유형인 자체 파일에 저장할 수 있습니다. 참고: 위에서 본 JSON을 JSONTest.html 예제의 변수 내에서 사용할 수 있도록 했습니다(소스 코드 참조). 이를 로드한 다음 브라우저의 JavaScript 콘솔을 통해 변수 내부의 데이터에 액세스해 보십시오. 이 예제에서는 innerHTML을 사용하여 형식이 지정된 JSON 데이터를 출력합니다. 위의 것은 완벽하게 유효한 JSON입니다. 배열 인덱스(예: [0][powers]][0]로 시작하여 배열 항목(구문 분석된 버전)에 액세스하기만 하면 됩니다. 첫 번째 예제와 마찬가지로 이 예제에서는 페이지가 로드될 때 호출되는 함수를 사용합니다.

당신은 우리의 영웅 완료 json-parse.html 예제에서 행동의 첫 번째 를 볼 수 있습니다 (소스 코드 참조) – 이것은 우리가 원시 JSON 텍스트를 반환하기 위해 XHR을 설정한 다음 구문 분석 ()을 사용하여 actua로 변환하는 것을 제외하고, 우리가 이전에 구축 한 예와 정확히 같은 일을 한다 l 자바 스크립트 개체입니다. 코드의 핵심 코드 조각은 여기: 위에서 언급 한 JSON 텍스트는 기본적으로 자바 스크립트 개체처럼 보이며 대부분 맞습니다. 우리가 “대부분 옳다”고 말한 이유는 배열이 유효한 JSON이기 때문입니다. 예를 들어, 멤버 목록에 나열된 두 번째 영웅의 세 번째 초강대국에 액세스하려면 이 JavaScript 개체가 JSON에서 유래했다는 것을 상기시키기 위해 jsonObj 매개 변수를 호출했습니다.

  • 0