관리 메뉴

moozi

6/17 xml parsing 본문

TIS_2016/HTML5_2기

6/17 xml parsing

moozi 2016. 6. 17. 15:39

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Ajax</title>

    <script>

        var request;

        try{

            request=new XMLHttpRequest();//ajax요청객체

        }catch(exception){

            // IE6.0에서는 ActiveXObject로 객체생성

            try{

                request=new ActiveXObject("Msxml2.XMLHTTP");

            }catch(innerException){

                request=new ActiveXObject("Microsoft.XMLHTTP");

            }

        }

        

        request.onreadystatechange=function(event){

            if(request.readyState==4 && request.status==200){

               // var xml=request.responseXML;//xml데이터를 받아서 객체생성

                var xml=request.responseXML;

               alert(xml);

                var name=xml.getElementsByTagName("name");//배열로 리턴됨

                var depart=xml.getElementsByTagName("depart");//배열로 리턴됨

                var id=xml.getElementsByTagName("id");//배열로 리턴됨

                var output="";

                for(var i=0;i<name.length;i++){

                    var n=name[i].childNodes[0].nodeValue;

                    var d=depart[i].childNodes[0].nodeValue;

                    var i=id[i].childNodes[0].nodeValue;

                    output+="<h1>"+n+"</h1>";

                    output+="<h1>"+d+"</h1>";

                    output+="<h1>"+i+"</h1>";

                }

                document.body.innerHTML=output;

            }

        };

        

        request.open("get","data.xml",true);

        request.send();//요청전송

        //request.responseText로 결과를 얻음.

        

    </script>

</head>

<body>

    

</body>

</html>

'TIS_2016 > HTML5_2기' 카테고리의 다른 글

ajax연습문제01  (0) 2016.06.17
ajax 연습  (0) 2016.06.17
6/17 sql group by  (0) 2016.06.17
sql연습문제01풀이  (0) 2016.06.17
sql연습문제01  (0) 2016.06.16
Comments