| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 31 |
- node.js web framework
- ror실행
- 명사 추출기
- 책이야기
- C/C++
- 도커
- rss
- 디즈니씨
- Eclipse
- php
- ejb
- php thumbnail
- nodejs express
- 나의 프로젝트
- scala
- 명사 뽑아내기
- Lift
- docker
- ajax
- 메일왕창보내는법
- 스킨 스쿠버
- 명사 분석기
- 주식이야기
- Cross
- Node.js
- express for node.js
- flex3
- iBatis
- 베트남어
- 나의 취미
- Today
- Total
nkdk의 세상
ajax를 이용한 xmlhttprequest와 현재 상태 알림이 본문
이번 장에서는 xmlhttprequest를 써서 서버와 비동기로 통신하는 법을 보도록 하겠습니다.
또한 onReadyState라는 현재 서버와의 상태가 어떤 상태인지를 표현하는 방법도 코딩하겠습니다.
자 소스는 다음과 같습니다.
<html>
<head>
<script type='text/javascript'>
var req=null;
var console=null;
var READY_STATE_UNINITIALIZED=0;
var READY_STATE_LOADING=1;
var READY_STATE_LOADED=2;
var READY_STATE_INTERACTIVE=3;
var READY_STATE_COMPLETE=4;
function sendRequest(url, params, HttpMethod) {
if(!HttpMethod) {
HttpMethod="GET";
}
req=initXMLHTTPRequest();
if(req) {
req.onreadystatechange=onReadyState;
req.open(HttpMethod, url, true);
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
req.send(params);
}
}
function initXMLHTTPRequest() {
var xRequest=null;
if(window.XMLHttpRequest) {
xRequest=new XMLHttpRequest();
} else if (window.ActiveXObject) {
xRequest=new ActiveXObject("Microsoft.XMLHTTP");
} return xRequest;
}
function onReadyState() { // <-call back function
var ready=req.readyState;
var data=null;
if(ready==READY_STATE_COMPLETE){
data=req.responseText;
} else{
data="loading...["+ready+"]";
}
toConsole(data);
}
function toConsole(data) {
if(console!=null) {
var newline=document.createElement("div");
console.appendChild(newline);
}
}
window.onload=function() {
console=document.getElementById('console');
sendRequest("data.txt");
}
</script>
</head>
<body>
<div id='console'></div>
</body>
</html>