정미나닷컴
[jQuery] jQuery와 XPath를 연동한 xml 파싱 본문
* 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>
'IT' 카테고리의 다른 글
[iPhone] 아이폰 커플용 무료어플 Mina (0) | 2010.09.02 |
---|---|
[jQuery] jQuery를 이용한 검색 자동완성 기능 (0) | 2010.09.02 |
[XPath] XPath를 이용한 xml 파싱 (1) | 2010.08.19 |
[jQuery] jQuery Form Plugin을 이용한 File Upload (0) | 2010.07.14 |
[jQuery] jQuery를 이용한 xml 파싱 (0) | 2010.07.02 |