반응형
안녕하세요. 경제적, 시간적 자유를 꿈꾸는 한량입니다.
jQuery의 .parseXML() 사용법
parseXML() 함수는 jQuery에서 제공하는 유틸리티 함수 중 하나로,
XML 문자열을 파싱하여 JavaScript 객체로 변환합니다.
XML은 데이터를 계층적으로 구조화하여 저장하는 데 사용되는 형식으로,
종종 서버로부터 XML 형식의 데이터를 받아와야 할 때가 있습니다.
서버로부터 받은 XML 데이터를 파싱하여 XML 문서 객체로 변환할 수 있으며,
해당 객체의 속성에 접근하여 데이터를 활용하여
해당 정보를 화면에 출력하는 등의 작업을 수행할 수 있습니다.
간단한 예제로 버튼을 클릭 시 parseXML() 함수가 어떻게 작동하는지 알아봅시다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>parseXML() 함수 예제</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#parseXMLButton').click(function(){
// XML 문자열
var xmlString = '<info><name>John</name><age>30</age><city>New York</city></info>';
// XML 문자열을 파싱하여 XML 문서 객체 생성
var xmlDoc = $.parseXML(xmlString);
// XML 문서 객체를 사용하여 데이터 추출
var name = $(xmlDoc).find('name').text();
var age = $(xmlDoc).find('age').text();
var city = $(xmlDoc).find('city').text();
// 화면에 데이터 출력
$('#output').html('이름: ' + name + '<br>나이: ' + age + '<br>도시: ' + city);
});
});
</script>
</head>
<body>
<div id="output">XML 파싱 예제
<info>
<name>John</name>
<age>30</age>
<city>New York</city>
</info>
</div>
<button id="parseXMLButton">XML 파싱하기</button>
</body>
</html>
이 예제 코드에서는 parseXML() 함수를 사용하여
XML 문자열을 파싱하여 xmlDoc라는 JavaScript 객체로 변환하고,
해당 각 객체의 데이터를 변수에 저장합니다.
그리고 화면에 변환된 객체의 데이터를 .html() 함수를 사용하여
출력하는 것을 확인할 수 있습니다.
반응형
'IT 소스 > jQuery' 카테고리의 다른 글
| [jQuery] .last() - 마지막 요소 선택하기 (0) | 2024.03.07 |
|---|---|
| [jQuery] .first() - 첫 번째 요소 선택하기 (0) | 2024.03.07 |
| [jQuery] .parseJSON() - JSON 문자열을 JavaScript 객체로 변환 (1) | 2024.02.29 |
| [jQuery] .parent() - 부모 요소를 선택 (0) | 2024.02.27 |
| [jQuery] .clone() - 요소를 복제 (0) | 2024.02.22 |