| | |
|
|
| |
|
void open(string method, string url, boolean asynch, string username, string password) :
요청을 초기화한다. 파라미터중에서 method, url 두개만 필수항목이고 나머지는 선택항목이다.
method - POST, GET, PUT 3가지중 하나를 사용하면 되며
url - 요청하고자 하는 서버의 url 이다.
asynch - 요청이 비동기인지 여부를 판단하는 항목이다. 입력하지 않으면 디폴트로 true (비동기)
false 로 설정하면 요청은 동기로 처리되기 때문에 서버에서 응답을 받을때까지 프로세스는 기다리게 된다. 사실 XHR 을 사용하는 가장 큰 이점중의 하나인 비동기 처리를 위해서는 asynch 항목을 true 로 설정해서 사용해야 한다. false 를 설정한다면 XHR 을 사용하는 이점이 그만큼 줄어든다.
void send(content) : 실질적으로 요청을 서버로 보낸다.
요청이 비동기이면 이 메소드는 바로 리턴되지만 요청이 동기이면
서버에서 응답을 받을때까지 계속 대기한다.
content 는 선택사항이며, DOM 객체(XML 객체)이거나
input stream, string 값으로 설정할 수 있으며
HttpRequest body 의 한 부분으로 서버로 전달된다.
content 에 값을 넘기려면 open() 메소드는 반드시 POST 로 설정해야 하며,
GET 방식으로 요청하려면 null 을 설정하면 된다.
open(), send() 메소드가 가장 많이 사용되는 메소드들이다.
나머지 메소드에 대해서도 알아보자.
void setRequestHeader(string header, string value) :
header 에 해당하는 value 값으로 HttpRequest 헤더에 값을 설정하는 메소드로써,
반드시 open() 메소드 다음에 위치해야 한다.
void abort() : 요청을 중지한다.
string getAllResponseHeaders() : 요청에 대응되는 응답의 헤더정보를 리턴한다.
즉, Content-Length, Date, URI 등을 포함하는 헤더정보를 string 형식으로 반환한다.
string getResponseHeader(string header) : 응답의 헤더정보중에서 header 에 대응되는 값을
string 형식으로 반환한다.
이번에는 XHR 의 속성중에서 중요한 몇가지를 알아본다.
onreadystatechange : 자바스크립트 콜백함수(funtion pointer)를 저장한다.
콜백함수는 readyState 값이 변할때 마다 호출된다.
요청이 서버로 보내지면 readyState 는 5가지 숫자값으로 계속 변화가 일어나게 된다.
readyState : 요청의 상태를 의미한다.
0 = uninitialized,
1 = loading, -1GET매서드로 요청할 페이지 정보를 설ㅈㅇ
2 = loaded, -2send() 메서드로 요청을 보낸다
3 = interactive, -3서버에서 응답이 오기 시작
4 = complete -4서버 응답 완료
responseText : 서버의 응답을 string 형식으로 나타낸다.
단순 text를 innerHTML 속성으로 표현하기에는 알맞지만
논리적으로 파싱하거나 동적으로 페이지 컨텐츠를 생성하기는 힘들다.
responseXML : 서버의 응답을 XML 로 나타낸다.
이 속성은 DOM 객체로 파싱할 수 있다.
status : 서버로부터의 HTTP 상태코드이다.
(예 200(OK), 404(NOT Found), 202(결과 값이 없을 때), 500(서버오류)등등)
statusText : HTTP 상태코드에 대한 텍스트 값이다.(예 OK, NOT Found 등등)
|
| |
| |
|
|
|
| http://laedu.net/trackback/5 | |
| |
|
| |
| | |
| |
|
|
| |
|
|
<SCRIPT LANGUAGE="JavaScript">
<!--
function createAjax(){
if(typeof(ActiveXObject) == "function"){
try{
return new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
return new ActiveXObject("Microsoft.XMLHTTP");
}catch(e1){
return null;
}
}
else if(typeof(XMLHttpRequest) == "object" || typeof(XMLHttpRequest) == "function"){
return new XMLHttpRequest();
}
else{
self.alert("브라우저가 AJAX를 지원하지 않습니다");
return null;
}
}
myAjax = createAjax();
self.document.write("myAjax.readyState :" + myAjax.readState + "<br/>");
//-->
</SCRIPT>
ActiveXObject : Microsoft Explorer
XMLHttpRequset : 다른 웹 브라우저
....망할 마소 혼자 튄다 짜증지대-_-
|
| |
| |
|
|
|
| http://laedu.net/trackback/4 | |
| |
|
| |
| | |
| |
|
|
| |
|
<SCRIPT LANGUAGE="JavaScript">
<!--
var bName= null;
var bVersion = null;
var uAgent = self.navigator.userAgent.split(";");
//window.navigator.userAgent:웹브라우저의 상세정보를 담는다
var re = /MSIE\s([\d\.]+)/gi; //정규표현식:/*/gi: *에대한 대소문자 구별없이 모두
var result=re.exec(uAgent[1]); //exec() 검색을실행하는 매서드
if( (result != null) && (result.length==2)){ //Explorer
bName="MSIE";
bVersion = parseFloat(result[1]);
}
else{ //Mozilla
re = /rv\:([\d\.\w]+)\)\sGecko/gi;
result=re.exex(uAgent[4]);
if((result != null) && (result.length==2)){
bName = "Mozilla";
bVersion = parseFloat(result[1]);
}
}
if((bName=="MSIE")&&(bVersion >= 1.0)){ //Explorer 일때 Ajax객체 생성
myAjax = new ActiveXObject("Microsoft.XMLHTTP");
}
else if( bName=="Mozilla" && bVersion >= 1.0){ //Mozilla 일때 Ajax객체 생성
myAjax = new XMLHttpRequest();
}
else { //그외 지원하지 않음
self.alert("브라우저가 Ajax를 지원하지 않습니다.");
}
self.document.write("myAjax.readyState : " + myAjax.readyState + "<br/>");
//-->
</SCRIPT>
| |
| |
| |
|
|
|
| http://laedu.net/trackback/3 | |
| |
|
| |
| | |
| |
|
|
| |
|
Asynchronous JavaScript and XML (비동기 자바스크립드 XmL)
Ajax는 자바스크립트로 http 요청을 보내서 XML응답을 받아서 사용하는 기술이다
일반적 웹페이지는 하이퍼링크를 누르거나 웹 브라우저 주소 칸에
사이트 주소를 입력하고 엔터기를 치면 웹 브라우저가
http 요청을 서버로 보내고 웹서버는 그요청에 해당하는 HTML을
응답으로 돌려주고 웹브라우져가 HTML문서를 받어서 표시하는 방식
으로 작동한다
그러나 Ajax는 웹 브라우저 위에서 실행되는 자바스크립트가
1. HTTP 요청 보내기
2.XML문서 응답 받기
3.자동으로 XML개체 생성
4.자바스크립트로 XML개체 접근하여 다양한 작업을 하는 방식
Ajax는 독립된 기술이 이니다.
화면은 표준HTML+CSS로 작성, 화면에 대한 조작과 상호 작용은
문서개체모델(Document Object Model)로, 데이터 교환은 XML 형식,
데이터 변환과 검색에는 XML 기술인 XSL,XPath를,
비동기 통신에는 웹브라우저에 내장된 XML-HttpRequest개체를 사용,
이 모든것을 하나로 묶는 언어로 자바스크립트를 사용하는것을
Ajax라고 한다.
Ajax를 사용하면 불필요한 테이터 요청을 최소화 하고,
많은 일을 클라이언트에서 처리 할수 있다.
서버 부담도 줄어들고 사용자 입장에서 서버로 데이터를
요청하고 기다리는 시간이 줄어든다.
| |
| |
| |
|
|
|
| http://laedu.net/trackback/2 | |
| |
|
| |
| | |
| |
|
|
| |
| |
| |
| |
|
|
|
| http://laedu.net/trackback/1 | |
| |
|
| |
| | |
| |
|
| |
| | |
|
|
|
| | 웹기반 프로그래밍에 관한 것들을 모을 예정이었는데.. | | |
|
|
| |
«
2007년 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 |
|
|
|
|
|
| | |
|
|
