[jQuery] ajax()로 xml데이터 가져오기.

jQuery - ajax(),find(), each()

.find() 메서드와 .each()메서드를 결합하면 요소 그룹을 찾고 그 그룹에서 루프를 돌며 조작할 수 있다.

<script type="text/javascript"> $(document).ready(function(){ $.ajax({ url: "ajax_xml.xml",              //ajax로 ajax_xml.xml파일을 불러온다. cache: false,                     //사용자캐시를 사용할 것인가. dataType: "xml",                  //서버로부터 받을 것으로 예상되는 데이터 타입. success: function(data){          //ajax요청을 통해 반환되는 데이터 data. $(data).find("movie").each(function(){ var info = "title : " + $(this).find("title").text() +"<br/>"; $('#wrap').append(info); }); } }); }); </script> <div id="wrap"></div>

 

xml

<?xml version="1.0"?> <contents> <movie> <title>koantech</title> <runtime>120</runtime> </movie> <movie> <title>konantech2</title> <runtime>140</runtime> </movie> </contents>

 

☞ http://filelink.kr/practice/jquery/ajax_xml.php