2014년 7월 23일 수요일

xml파일을 읽어들여 javascirpt이용하여 동적으로 테이블 생성(responseXML)[제이쿼리/아작스/jQUERY교육/Ajax교육/jquery/ajax/강좌/교육/구로디지털단지제이쿼리/JavaScript/HTML/HTML5/자바스크립트/교육잘하는곳]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<script> 
function createXMLHttpRequest() { 
    var xmlHttp = null; 
    if (window.ActiveXObject) {                                                //explorer 5.0 이후의 버전 
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    else if (window.XMLHttpRequest) {                                      //explorer 이외의 브라우저에서... 
        xmlHttp = new XMLHttpRequest(); 
    } 
    return xmlHttp; 


function openServer(){ 
    var xmlHttp = createXMLHttpRequest();            //XMLHttpRequest 객체의 생성 
    xmlHttp.open("GET", "oracleJava.xml", true);        //전송방식, URL, 동기 혹은 비동기(true) 
    xmlHttp.onreadystatechange = function(){            //readyState상태의 변경시 이벤트 발생 
        if(xmlHttp.readyState == 4){                      //서버 데이터 처리가 완료된경우 4 
            if(xmlHttp.status == 200){                //정상적으로 처리되었을경우 200 
                printFileInfo(xmlHttp)                  //클라이언트에서의 처리 
            } 
        } 
    } 
    xmlHttp.send(null);                //서버에게 데이터 전송. GET방식이기 때문에 null이다. 


function printFileInfo(xmlHttp){ 
        var xmlData = xmlHttp.responseXML; 
        var        entertainer = xmlData.getElementsByTagName("entertainer"); 

        for(var i=0; i<entertainer.length; i++) 
        { 
                var age = entertainer[i].childNodes[0].childNodes[0].nodeValue; 
                var name = entertainer[i].childNodes[1].childNodes[0].nodeValue; 
                insertRow(age, name);                        //테이블에 row추가 
        } 


function insertRow(age, name) 

        var oTable = document.getElementById("resultTable").children[0]; 
        var oRow = document.createElement("tr"); 
        var oCel1 = document.createElement("td"); 
        var oCel2 = document.createElement("td");                //table, tr, td 객체 생성 

        oRow.style.textAlign='center'; 
        oRow.appendChild(oCel1); 
        oRow.appendChild(oCel2); 
        oCel1.innerHTML = age; 
        oCel2.innerHTML = name; 

        oTable.appendChild(oRow);                        //만들어진 row객체를 테이블에 추가 

</script> 
</head> 

<body> 
<input type="button" value="전송" onClick="openServer()" / > 
                                                          
<table id="resultTable" border="1">        
</table> 

</body> 
</html> 



오라클자바커뮤니티교육센터, 개발자전문교육, 개인80%환급 
www.oraclejavacommunity.com


평일주간(9:30~18:10) 개강
(7/28)[기업100%환급]C#4.0,WinForm,ADO.NET프로그래밍
(7/28)[기업100%환급]안드로이드개발자과정
(8/04)[기업100%환급]자바기초에서 JDBC, Servlet/JSP까지 
(8/04)[기업100%환급]PL/SQL,ORACLE HINT,TUNING
(8/08)[기업100%환급]SQL기초에서 Schema Object까지
(8/08)[기업100%환급]Spring ,MyBatis,Hibernate실무과정
(8/11)[채용예정교육]오라클자바개발잘하는신입뽑기프로젝트,교육전취업확정

평일야간(19:00~21:50) 개강
(7/24)SQL기초에서실무까지
(7/29)안드로이드개발자과정
(7/29)Spring3.X, MyBatis, Hibernate실무과정
(8/04)웹퍼블리싱 마스터
(8/05)JSP,Ajax,jQUERY,Spring,MyBatis,Hibernate속성과정
(8/08)닷넷(C#,Network,ADO.NET,ASP.NET)마스터과정
(8/28)자바기초에서JSP,Ajax,jQuery,Spring3.2,MyBatis까지

주말(10:00~17:50) 개강
(7/26)Spring3.X, MyBatis, Hibernate실무과정
(7/26)개발자를위한PLSQL,SQL튜닝,힌트
(8/02)C#,ASP.NET마스터
(8/02)웹퍼블리싱 마스터
(8/02)SQL초보에서 Schema Object까지
(8/09)안드로이드개발자과정
(8/09)자바기초에서JSP,Ajax,jQuery,Spring3.2,MyBatis까지
(8/23)JAVA,Network&WEB&Framework(자바기초에서웹스프링까지)

주말저녁(18:30~22:20) 개강
(8/02)JAVA,Network&WEB&Framework
(8/09)SQL기초에서실무까지

댓글 없음:

댓글 쓰기