ajax xml 파싱 예제

Ajax와 함께 사용하여 우리는 로컬 디렉토리뿐만 아니라 서버에서 xml을 구문 분석 할 수 있습니다, 아래 예제는 웹 브라우저와 xml을 파서하는 방법을 보여줍니다. 먼저 선택 목록에 대한 값을 보유할 수 있는 일반적인 XML 파일을 살펴보겠습니다. 여기에 있는 예는 X-Men 문자(왜 그렇지 않은가)에 대한 것이며 xmen.xml로 저장됩니다. 각 문자는 `character` XML 노드로 구분되며 각 노드 내에서 `이름` 및 `ID` 속성이 있으며, 여기서 선택 옵션 텍스트 및 값에 사용할 값을 지정합니다. 이 예제는 최신 브라우저와 MSIE 7/8(MSIE9 호환성 모드 를 통해)에서도 테스트되었습니다. 다음 예제에서는 웹 페이지가 AJAX를 사용하여 XML 파일에서 정보를 가져오는 방법을 보여 줍니다. 이 페이지에서는 브라우저 메서드를 사용하여 XML을 구문 분석하는 방법을 보여 주지만 jQuery 또는 이와 유사한 방법을 쉽게 사용할 수 있습니다. 이 자습서에서는 jQuery 내에서 AJAX 호출을 사용하여 XML을 구문 분석하는 방법과 XML 파일 내의 값을 기반으로 드롭다운(선택 목록)을 생성하는 방법을 살펴봅니다. 선택 옵션 값을 생성하는 데 사용할 JavaScript 함수는 두 번 이상 사용할 수 있으므로 다른 XML 값으로 채워야 하는 여러 선택 목록이 있는 경우 유용합니다. 아래 예제에서 설명하는 특별한 아무것도 .

여기서 는 직원 세부 사항 xml 예제를 가져와 xml 변수에 할당했습니다. 먼저 이 코드를 사용하여 parsexml을 $xml = $ ($.parseXML (xml)); 그런 다음 찾기 방법을 사용하여 존경받는 xml 태그를 찾습니다. 아래 예제에서는 파일에서 데이터를 추출합니다. 따라서 먼저 XML 파일(.xml 확장자)을 만듭니다. 이 파일에서 데이터를 복사할 수 있습니다. 그러나 다른 목록이나 형식이 있는 경우 스크립트의 노드를 정의하는 동안 주의하십시오. jQuery.parseXML은 브라우저의 기본 구문 분석 함수를 사용하여 유효한 XML 문서를 만듭니다. 그런 다음 이 문서를 jQuery에 전달하여 트래버스 및 조작할 수 있는 일반적인 jQuery 개체를 만들 수 있습니다. 위의 스크립트에서 jQuery Ajax에서 http GET 요청을 사용하여 데이터를로드하고 있습니다. 또한 데이터 유형과 함께 XML 파일의 URL을 할당했습니다.

이는 서버에 있는 XML 파일에서 데이터를 가져오는 예입니다. 이 페이지는 XMLHttpRequest(자바스크립트) 개체를 사용하여 XML 파일(sample.xml)을 가져온 다음 자바스크립트에서 구문 분석하여 차트를 만듭니다. XML 응답을 구문 분석한 다음 데이터를 사용하여 차트를 만드는 함수는 아래에 표시되어 myXMLProcessor() (XMLHttpRequest 콜백 함수)라고 합니다. 위의 예제는 GET 메서드를 사용하여 getcourse.php를 호출합니다. getcourse.php 파일로드 catalog.xml. getcourse.php는 아래와 같이 – jQuery는 AJAX 요청및 XML 을 간단하게 구문 분석하는 데 좋습니다. XML 파일에 대한 AJAX 호출을 하고 결과는 XML 내의 노드로 지정된 각 선택 옵션에 대해 구문 분석됩니다. 그런 다음 이러한 결과를 사용하여 선택 목록에 대한 결과 HTML을 생성합니다. 유사한 방법(위의 예 참조)을 사용하여 XML 파일에 대해 추출된 데이터를 목록 상자 컨트롤 또는 드롭다운 목록 컨트롤Asp.Net 채울 수 있습니다. 또한 XML을 구문 분석할 때 잠재적인 문제에 대한 단서를 제공할 수 있는 몇 가지 오류 처리가 있습니다 .

Comments are closed