Notice
Recent Posts
Recent Comments
Link
«   2024/04   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
Tags more
Archives
Today
Total
관리 메뉴

moozi

Ajax03.html 본문

TIS_2018/응용sw2018_1기

Ajax03.html

moozi 2018. 4. 12. 10:36

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Ajax</title>

    <script>

        window.onload=function(){

            var request=new XMLHttpRequest();

            request.onreadystatechange=function(event){

                if(request.readyState==4){

                    if(request.status==200){

                       // document.body.innerHTML+=request.responseText;

                       

                        var xml=request.responseXML;

                        var names=xml.getElementsByTagName("name");

                        var prices=xml.getElementsByTagName("price");

                        

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

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

                            var price=prices[i].childNodes[0].nodeValue;

                            document.body.innerHTML+="<h1>"+name+"</h1>";

                            document.body.innerHTML+="<h2>"+price+"</h2>";

                        }

                    

                    }

                }

            }

            

            request.open("GET","/ajaxDB.php",true);

            request.send();

            

        }

        

    </script>

</head>

<body>

    

</body>

</html>

'TIS_2018 > 응용sw2018_1기' 카테고리의 다른 글

thumbnail.html  (0) 2018.04.13
2차 미니프로젝트- 개인 포트폴리오 웹사이트  (14) 2018.04.12
ajax연습문제01  (0) 2018.04.11
jQuery연습문제  (0) 2018.04.10
transition timing function  (0) 2018.04.10
'TIS_2018/응용sw2018_1기' Related Articles more
Comments