------------------------------
<?xml version="1.0" encoding="utf-8" ?>
<Company CompanyType="Private">
<CompanyName>닷넷코리아</CompanyName>
<CompanyNumber>1234</CompanyNumber>
<CompanyAddress>서울</CompanyAddress>
<Name>레드마이너스</Name>
</Company>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>XML 파일 로드하기</title>
<script src="../Js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#btn").click(function() {
$.get('04.Company.xml', function(data) {
$('#ctlGrid').empty();
$(data).find('Company').each(function() {
var $entry = $(this); // 현재 시점의 레코드셋
// 특성(Attribute)을 읽어오기
var html = "<div>" + $entry.attr('CompanyType')
+ "</div>"; // Private
// 하위 엘리먼트 읽어오기
html += "<div>" + $entry.find("CompanyName").text()
+ "</div>"; // 닷넷코리아
$('#ctlGrid').html(html);
});
});
});
});
</script>
</head>
<body>
<input type="button" id="btn" value="회사소개" />
<div id="ctlGrid"></div>
</body>
</html>
'jQuery' 카테고리의 다른 글
jquery 유효성 검사 (0) | 2012.02.09 |
---|---|
jQuery 스크롤 올리기 (0) | 2012.02.07 |
jquery 동적 js 실행 (0) | 2012.01.10 |
jQuery json load (0) | 2012.01.10 |
jquery 정리 (0) | 2011.12.26 |