채니의 개발일기

XMLHttpRequest 객체 본문

프론트엔트/Ajax

XMLHttpRequest 객체

윤채니챈 2023. 10. 29. 11:51
728x90
반응형

XMLHttpRequst

- XMLHttpRequest객체는 웹 브라우저의 API 중 하나로, 웹페이지가 서버와 비동기적으로 데이터를 교환할 수 있게 해주는 핵심객체이다.

- 이 객체를 사용하면 페이지 전체를 새로고침하지 않고도 서버로부터 데이터를 받아올 수 있다. 

- 사용자 경험이 향상되며, 애플리케이션의 반응성이 높아진다.

 

기본사용방법 

: "XMLHttpRequst'객체를 생성하는 방법에는 여러가지 방법에는 웹브라우저의 종류에 따라 다를 수 있다.

 

1. XMLHttpRequset 객체 생성 이용 방법 : 

 

대부분의 현대 웹 브라우저에서는 'XMLHttpRequset'객체를 내장하고 있다. 

생성방법은 다으과 같다.

var xhr = new XMLHttpRequest();

 

2.  ActiveXobject 객체를 이용한 방법: 

 

구형의 internet Explorer, 특히 IE5와 6에서는 'XMLHttpRequest'객체 대신 'ActiveXObject'를 이용하여 기능을 수행한다. 

var xhr = new ActiveXOject("Microsoft.XMLHTTP");

 

3.  모든 웹 브라우저에서 호환되는 XMLHttpRequest 객체 생성: 

위으 두 가지 방법을 결합하여 모든 웹 브라우저에서 'XMLHttpRequest'객체를 생성하는 함수를 작성할 수 있다.

이렇게하면 다양한 웹 브라우저에서 동작하게 된다.

 

var httpRequest;

function createRequest(){

	if(window.XMLHttpREquest){ // 대부분의 웹 브라우저 
    	httpRequest = new XMLHttpRequest();
    }else if(window.ActiveXObject){ // IE 5와 6
    	httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
    }
    
    if(!httpRequest){
    	aleter("XMLHTTP 인스턴스를 생성할 수 없다.");
        return false;
    }
     return httpRequest;
   
  }
728x90
반응형