ajax의 간단한 예제이다 저역시 아약스를 공부중이라 아는점은 별로 없으나
용기를 내어 간단히 작성해 보았습니다. 기존의 submit방식에서 벗어나 화면 깜빡임 전혀없는 환성적인 웹을 경험 해 볼 수 있을것입니다.ㅋ
---------------------------------------- responseText.html
<!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.txt", 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){
document.getElementById("rcvData").innerHTML = xmlHttp.responseText;
//텍스트 파일의 내용을 얻어와서 화면에 출력.
}
</script>
</head>
<body>
<input type="button" value="전송" onClick="openServer()" / >//전송버튼 클릭시 화면깜빡임전혀 없이
//서버측의 데이터를 얻어올수 있다.
<div id="rcvData"></div>
</body>
</html>
텍스트 파일의 내용.(같은 도메인 상의 같은 디렉토리에 저장하여야
예제를 테스트 해 볼 수 있다.)
------------------------------------------------ oracleJava.text
안녕하세요 오라클 자바입니다.
용기를 내어 간단히 작성해 보았습니다. 기존의 submit방식에서 벗어나 화면 깜빡임 전혀없는 환성적인 웹을 경험 해 볼 수 있을것입니다.ㅋ
---------------------------------------- responseText.html
<!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.txt", 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){
document.getElementById("rcvData").innerHTML = xmlHttp.responseText;
//텍스트 파일의 내용을 얻어와서 화면에 출력.
}
</script>
</head>
<body>
<input type="button" value="전송" onClick="openServer()" / >//전송버튼 클릭시 화면깜빡임전혀 없이
//서버측의 데이터를 얻어올수 있다.
<div id="rcvData"></div>
</body>
</html>
텍스트 파일의 내용.(같은 도메인 상의 같은 디렉토리에 저장하여야
예제를 테스트 해 볼 수 있다.)
------------------------------------------------ oracleJava.text
안녕하세요 오라클 자바입니다.
오라클자바커뮤니티교육센터, 개발자전문교육, 개인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기초에서실무까지
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기초에서실무까지
댓글 없음:
댓글 쓰기