최신 웹 개발 튜토리얼
 

AJAX지도 시간


당신이 할 수 있기 때문에 AJAX는 개발자의 꿈이다 :

  • 페이지를 재로드하지 않고도 웹 페이지를 업데이트
  • 서버에서 요청 데이터 - 페이지가로드 된 후
  • 서버에서 데이터를 수신 - 페이지가로드 된 후
  • 서버에 데이터를 전송 - 백그라운드에서

각 장에서 자신 예를보십시오

각 장에서는 온라인으로 예제를 편집 할 수 있습니다, 그 결과를 볼 수있는 버튼을 클릭합니다.

AJAX 예제

Let AJAX change this text

»그것을 자신을 시도


AJAX 예제 설명

HTML 페이지

<!DOCTYPE html>
<html>
<body>

<div id="demo"><h2>Let AJAX change this text</h2></div>

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

</body>
</html>

HTML 페이지는 포함 <div> 섹션과 <button> .

<div> 섹션은 서버에서 정보를 표시하는 데 사용됩니다.

<button> (클릭했을 경우) 함수를 호출한다.

이 기능은 웹 서버로부터 데이터를 요청하고이를 표시

기능 loadDoc ()

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

지금은 AJAX를 배우기 시작!