IT
[jQuery] jQuery와 XPath를 연동한 xml 파싱
정미나
2010. 8. 30. 14:15
* xml 파일
* 소스 파일
<?xml version="1.0" encoding="utf-8" ?>
- <root>
- <item no="1">
- <title>
<![CDATA[ 타이틀 ]]>
</title>
- <link>
<![CDATA[ 링크주소 ]]>
</link>
</item>
</root>
- <root>
- <item no="1">
- <title>
<![CDATA[ 타이틀 ]]>
</title>
- <link>
<![CDATA[ 링크주소 ]]>
</link>
</item>
</root>
* 소스 파일
<script type="text/javascript">
var text = "";
var i = 0;
$.ajax({
type: "get"
,dataType: "xml"
,url: "xml.jsp"
,success: function(xml){
for(i=1; i<=$(xml).find("item").length; i++){
var title = $(xml).find("root item[no='"+i+"'] title").text();
var link = $(xml).find("root item[no='"+i+"'] link").text();
text += "<a href='"+link+"'>"+ title + "<\/a>";
}
$("#xmlArea").html(text);
}
,error: function(){ alert("xml error!!"); }
});
</script>
<body>
<div id="xmlArea"></div>
</body>
var text = "";
var i = 0;
$.ajax({
type: "get"
,dataType: "xml"
,url: "xml.jsp"
,success: function(xml){
for(i=1; i<=$(xml).find("item").length; i++){
var title = $(xml).find("root item[no='"+i+"'] title").text();
var link = $(xml).find("root item[no='"+i+"'] link").text();
text += "<a href='"+link+"'>"+ title + "<\/a>";
}
$("#xmlArea").html(text);
}
,error: function(){ alert("xml error!!"); }
});
</script>
<body>
<div id="xmlArea"></div>
</body>