정미나닷컴

[jQuery] jQuery와 XPath를 연동한 xml 파싱 본문

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>


* 소스 파일
<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>