/*
==============================================================================================
프로그램명 : ezAjax
만든날 : 2005.12.13
설명 : Ajax 사용시 4가지 방법(동기 get방식, 비동기 get방식, 동기 post방식, 비동기 post방식)
을 자유롭게 사용하기 위해
>>>>>>>>>>>>>>>>>>>>>>>> [ 사용법 ] <<<<<<<<<<<<<<<<<<<<<<<<<<
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
*** 유의사항 ***
header("Content-Type: text/html; charset=EUC-KR"); // 한글 처리는 jsp 에서 해줘야
개발시에 this.debug 를 true 로 하시면 프로세스를 처리하는 페이지에서 찍은 에코값들이 ajax를 돌리는
페이지 하단에 뿌려집니다.
개발시에만 true 로 하시고, 실제 사용할때에는 this.debug 값을 false 로 세팅하세요
==============================================================================================
*/
function _NewObject(e) {return document.createElement(e);}
// 2007.09.27 : jsp에서는 리턴 받을시 개행 및 공백처리가 안된다.
function trimStr(str){
var TRIM_PATTERN = /(^\s*)|(\s*$)/g; // 내용의 값을 빈공백을 trim하기 위한것(앞/뒤)
return str.replace(TRIM_PATTERN, "");
}
function AjaxObj(){
this.req = ""; // xmlhttp 객체
this.url = ""; // 처리 url
this.method = ""; // 전송방법
this.sync = ""; // 싱크 방법 - 동기:true, 비동기:false
this.returnVar = ""; // 처리 url 에서 받은 결과값
this.param = ""; // url 에 넘길 인자값들 ex. "id=1111&name=hong"
this.resultFunc = ""; // 결과값을 갖고 처리할 사용자가 정의한 함수명
this.debug = false; // 디버그를 할지 안할지여부. true 이면 div 객체를 만들어 결과를 단순히 찍는다
// 전송방법과 싱크 방법 결정
this.setMode = function(method,sync){
this.method = method;
this.sync = sync;
};
// xmlhttp 객체 얻기
this.getRequest = function(){
try {
this.req = new ActiveXObject("Msxml2.XMLHTTP") ;
}
catch (e) {
try {
this.req = new ActiveXObject("Microsoft.XMLHTTP") ;
}
catch (e)
{
try {
this.req = new XMLHttpRequest();
/*
if(window.XMLHttpRequest){
this.req = new XMLHttpRequest();
}else {
this.req = false ;
}*/
}
catch(e)
{
this.req = false ;
}
}
}
if (!this.req && window.XMLHttpRequest)
this.req = false;
//this.req = new XMLHttpRequest();
}
// 처리 url 세팅
this.setUrl = function(url){
this.url = url;
}
// url 에 넘길 인자값 세팅
this.setParam = function(param){
this.param = param;
}
// 결과를 처리할 사용자 정의 함수명
this.setFunction = function(fname){
this.resultFunc = fname;
}
// ajax 실행
this.execute = function(){
if(this.url==""){
alert("실행전에 먼저 setUrl()을 이용하여 url을 세팅해주세요");
return;
}
this.getRequest();
if (this.req) {
// 동기일때
if(this.sync){
this.req.open(this.method, this.url, false);
if(this.method=="post")
this.req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
this.req.send(this.method=="get"?null:this.param);
if (this.req.status == 200){
this.returnVar = this.req.responseText;
this.showResult();
}
}
// 비동기일때
else {
this.req.open(this.method, this.url, true);
if(this.method=="post")
this.req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
this.req.onreadystatechange = this.getResult;
try{
this.req.send(this.method=="get"?null:this.param);
}
catch (e){
alert("비동기 전송 에러");
return;
}
}
}
}
// 비동기일때 응답을 받았을때 처리
this.getResult = function(){
if(ajaxObj.req.readyState == 4 && ajaxObj.req.status == 200) {
//ajaxObj.returnVar = ajaxObj.req.responseText;
ajaxObj.returnVar = trimStr(ajaxObj.req.responseText);
ajaxObj.showResult();
}
}
// 결과를 처리
this.showResult = function(){
if(this.debug){
var obj = _NewObject("div");
obj.innerHTML += "return : " + this.returnVar +"
";
document.body.appendChild(obj);
}
if(this.resultFunc!=""){
// 사용자 정의 함수가 세팅되어 있으면 그 함수를 실행
eval(this.resultFunc);
}
}
}
// AjaxObj 객체를 생성
var ajaxObj = new AjaxObj();