AJAX의 XMLHttpRequest 객체 > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

AJAX의 XMLHttpRequest 객체 정보

기타 AJAX의 XMLHttpRequest 객체

본문

XMLHttpRequest 객체

 

AJAX의 핵심은 XMLHttpRequest 객체입니다.

 

 

최신의 모든 브라우저는 XMLHttpRequest 객체를 지원합니다.

XMLHttpRequest 객체는 백그라운드에서 웹 서버와 데이터를 교환하는 데 사용할 수 있습니다. 
즉, 전체 페이지를 다시로드하지 않고도 웹 페이지의 일부를 업데이트 할 수 있습니다.

XMLHttpRequest 객체 만들기

모든 최신 브라우저 (Chrome, Firefox, IE7 +, Edge, Safari, Opera)에는 기본 제공 XMLHttpRequest 객체가 있습니다.

 

XMLHttpRequest 객체를 만들기위한 구문 :

variable = new XMLHttpRequest();

 


var xhttp = new XMLHttpRequest();

 

소스
<!DOCTYPE html>
<html>
<body>

<h2>The XMLHttpRequest Object</h2>

<p id="demo">Let AJAX change this text.</p>

<button type="button" onclick="loadDoc()">Change Content</button>

<script>
function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "ajax_info.txt", true);
  xhttp.send();
}
</script>

</body>
</html>

 


도메인 간 액세스

보안상의 이유로 최신 브라우저는 도메인 전체에 대한 액세스를 허용하지 않습니다.

즉,로드하려는 웹 페이지와 XML 파일은 모두 동일한 서버에 있어야합니다.

W3Schools의 예제는 모두 W3Schools 도메인에있는 XML 파일을 엽니 다.

위의 예를 자신의 웹 페이지 중 하나에서 사용하려면로드하는 XML 파일을 자신의 서버에 위치시켜야합니다.

추천
0

댓글 0개

전체 5,352
개발자팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT