ajax_basic.js

//XMLHttpRequest 객체 변수 선언
var req = null;
//XMLHttpRequest 객체 생성
function getXMLHttpRequest(){
 //객체 탐지 기법으로 XHR 객체 리턴
 if(window.XMLHttpRequest){ //mozilla ff,safari,opera
  return new XMLHttpRequest();
 }else if(window.ActiveXObject){ //ie
  try{
    return new ActiveXObject("Msxml2.XMLHTTP");
  }catch(e){
   try{
    return new ActiveXObject(
      "Microsoft.XMLHTTP");
   }catch(e){ return null; }
  }
 }
 return null;
}
//서버에 전송을 담당하는 함수
/*
 * method : 전송방식(get,post)
 * url : 서버 주소
 * data : 전달할 파라미터
 * handler : 응답시 반응할 함수
 */
function sendRequest(method, url, data, handler){
 //전송방식 검사
 if(method == null || method == ''){
  //기본으로 get방식을 지정한다
  method = "get";
 }
 //모든 주소가 똑같이 인식되지 않게 하는 기법
 url = url + ";now=" + new Date();
 //만약 전송방식이 get이면 url 뒤에 data를 붙여야 한다.
 if(method == 'get'){
  url = url + "?" + data;
  //그러고는 post방식 전송에 대비해 null로 변경
  data = null;
 }
 
 //이제 슬슬 전송해 보자
 req = getXMLHttpRequest();
 req.open(method, url, true);
 req.onreadystatechange = handler;
 req.setRequestHeader(
  "Content-Type",
  "application/x-www-form-urlencoded");
 req.send(data);
}

//문서에서 id에 해당하는 요소의 값을 리턴하는 함수
function getValue(obj) {
 var ele = document.getElementById(obj);
 if(ele == null) {
  return = "no data";
 }
 return ele.Value;
}