>  기사  >  웹 프론트엔드  >  AJAX 요청을 구현하는 방법은 무엇입니까?

AJAX 요청을 구현하는 방법은 무엇입니까?

Guanhui
Guanhui원래의
2020-06-24 15:31:052733검색

AJAX 요청을 구현하는 방법은 무엇입니까?

AJAX 요청을 구현하는 방법은 무엇입니까?

1. XMLHttpRequest 인스턴스를 생성합니다.

var xhr;if(window.XMLHttpRequest) {
  //ie7+,firefox,chrome,safari,opera
  xhr = new XMLHttpRequest();}else {
  //ie5,ie6
  xhr = new ActiveXObject("Microsoft.XMLHTTP");}

2. ReadyState 속성을 통해 요청 상태를 확인합니다.

xhr.onreadystatechange = function() {
  if(xhr.readyState==4 && xhr.status==200) {
    console.log(xhr.responseText);
  }}

3.

xhr.open("GET", "xhr_info.txt");

4. 요청을 보내려면 send() 메서드를 호출하세요.

xhr.send(null);

전체 코드

var xhr;
if(window.XMLHttpRequest) {
  //ie7+,firefox,chrome,safari,opera
  xhr = new XMLHttpRequest();
} else {
  //ie5,ie6
  xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
xhr.onreadystatechange = function() {
  if(xhr.readyState==4 && xhr.status==200) {
    console.log(xhr.responseText);
  }
}
xhr.open("GET", "xhr_info.txt", true);
xhr.send(null);

추천 튜토리얼: "

JS Tutorial"

위 내용은 AJAX 요청을 구현하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.