Published on: 2009. 4. 2. 02:13 by louis.dev
//1.init() method
function init() {
var printTable = document.getElementById("idPrintTable"); //id가 idPrintTable인 곳을 가져와 printTable에 저장
removeChildAll(printTable);
}
//2. 실질적으로 reset 시켜주는 method
function removeChildAll(obj) {
while(obj.firstChild) {
obj.removeChild(obj.firstChild);
}
}
============================table 태그에 id 주는 방법=============================
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody id="idPrintTable">
</tbody>
</table>
Published on: 2009. 4. 2. 02:08 by louis.dev
function getXMLHttpRequest() {
var request = false;
try {
request = new XMLHttpRequest(); //일반적인 브라우저(익스플로러를 제외한 거의 모든 브라우저)일때
//XMLHTTPRequest 인스턴스 생성
} catch (trymicrosoft) { //Ajax에서는 JAVA처럼 인스턴스 형태로 Exception을 넘겨주는것이 아니기
//때문에 변수형으로 받지 않아도 된다.
try { //사용자 브라우저가 익스플로러 일때
request = new ActiveXObject("Msxml2.XMLHTTP"); //익스플로러 버전 5.x 이상일때
} catch (othermicrosoft) { //위의것 보다 구 버전일때 XMLHTTPRequest 생성
try {
request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (failed) {
request = false;
}
}
}
if (!request) {
alert("Error initializing XMLHttpRequest!");
}
return request;
}
Published on: 2009. 4. 2. 02:03 by louis.dev
XMLHTTPRequest 객체는 Ajax의 핵심이 되는 객체이다.
일반 웹에서는 항상 서버로 요청을하고 그에 따른 모든 페이지 정보를 (헤더정보 같은 항상 똑같은 정보들의 중복) 페이지 리프레쉬를 통해 얻어 오는데
Ajax는 쓸데없는 네트워크 자원을 낭비하지 않고 원하는 부분만 데이터를 가져와 변경된 부분만 새로운 내용으로 업데이트 됨으로 페이지 전체를 읽어 오지 않는 다는 장점이 있다.
XMLHTTPRequest 객체의 목적은 자바스크립트가 HTTP 요청을 생서하고 서버로 전송하도록 하는 것이다.
전통적인 웹 어플리케이션은 이러한 요청을 동기적으로 수행했지만 XMLHTTPRequest 객체를 사용하면 이러한 서버 호출을 배후에서 비동기적으로 사용할수 있다.
