본문 바로가기

.NET

Ajax와 DOM이용해서 웹 구현 1

1. 생성
@@default.aspx @@

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head id="Head1" runat="server">
    <title>제목 없음</title>
    <script language="javascript" type="text/javascript">
   
    function create(obj)
    {
   
        try {
   
            var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            var xmlpara = new ActiveXObject("Microsoft.XMLDOM");
           
            var objRoot = xmlpara.createNode(1,"PARAMETER","");
            xmlpara.appendChild(objRoot);
           
            var objNode = xmlpara.createNode(1, "DATA", "");
            objNode.text = obj.value;
            xmlpara.documentElement.appendChild(objNode);
           
           
            xmlhttp.open ("Post","Server.aspx",false); //비동기
            xmlhttp.send(xmlpara);

//            form1.TextArea1.innerText = xmlhttp.responseText;

            var getstr = xmlhttp.responseXML;
            var count = getstr.getElementsByTagName("seq");
           
            var ss ="<table width='500' height='30' border='1' cellpadding='0' cellspacing='0'><tr align='center'><td>아이디</td><td>이름</td><td>내용</td>";
           
            if(count.length == 0)
            {
                tag = "<tr align='center'><td> NOData </td><td> NOData</td><td>NOData</td></tr>";
                            ss = ss +  tag;
            }
//            alert(count.length);
            var i = 0;
            var tag = []; //table 생성
            for(i=0; i< count.length; i++)
            {
                 var tag1 = getstr.getElementsByTagName("seq")[i].childNodes[0].nodeValue;
                 var tag2 = getstr.getElementsByTagName("name")[i].childNodes[0].nodeValue;
                 var tag3 = getstr.getElementsByTagName("it")[i].childNodes[0].nodeValue;
               
                 tag[i] = "<tr align='center'><td>"+ tag1 + "</td><td>" + tag2 + "</td><td>"+ tag3+"</td></tr>";
                  
            }
            for(i=0; i<tag.length; i++)
            {
                ss = ss + tag[i];
            }
           
            ss = ss + "</tr></table>";
           
            a.innerHTML = ss;
           
            }catch(e) {
    alert("SendInfo : " + e.description);
   }
    }
   
    </script>
   
</head>
<body>
    <form id="form1" runat="server">

        &nbsp;<input id="Text1" type="text" />
        <input id="Button1" type="button" value="이름" onclick="return create(Text1)" /><br />
        <br />
        <br />
        &nbsp;<br />
        <br />
        <br />
        <br />
        <div id="a">
        </div>

    </form>
</body>
</html>

'.NET' 카테고리의 다른 글

XML DOM(문서 개체 모델)  (0) 2007.08.20
Ajax와 DOM이용해서 웹 구현 2  (3) 2007.08.20
Ajax와 DOM이용해서 웹 구현 1  (0) 2007.08.20
css 화면 클릭 => 새로운 레이어 띄우기  (2) 2007.08.18
1~100까지 소수 구하기  (0) 2007.08.17
오버로딩과 오버라이딩  (0) 2007.08.17

태그