자바스크립트 아작스 로딩바

1. Ajax 데이터 처리시 로딩바

 

function dataAjax($_url,$_query,$_callBack,$_reqType,$_getXML){
	
	var REQ = newXMLHttpRequest();
	
	
	REQ.onreadystatechange = function(){
		if (REQ.readyState == 4) {
			// only if "OK"
                           //로딩바 삽입된 Html 이미지 초기화			
                          document.getElementById("loadingbar").innerHTML = "";
			if (REQ.status == 200) {
				
				var items = REQ.responseText;
				
				if($_getXML==1){
					items = REQ.responseXML;
					
				}
				
				doCallBack($_callBack,items);
				//alert("The server said: "+REQ.responseText);
				//설정된 함수를 호출한다.
				
				
			} else {
				alert("There was a problem retrieving the XML data:\n" +
				REQ.statusText);
			}
			
		}else{
                           //데이터 로딩이 지연, 로딩바 이미지	
                       document.getElementById("loadingbar").innerHTML = "<img src=loading.gif />";	
		}//if
				
	}//onreadystatechange
	
	if($_reqType=='post'){ //post 전송시
		requestPOST($_url,$_query,REQ);
	}else{ //get전송시
		requestGET($_url,$_query,REQ);
	}
	
}

 

이미지 처리 Html 주석 부분 참고. 끝