당신이 할 수 있기 때문에 AJAX는 개발자의 꿈이다 :
- 페이지를 재로드하지 않고도 웹 페이지를 업데이트
- 서버에서 요청 데이터 - 페이지가로드 된 후
- 서버에서 데이터를 수신 - 페이지가로드 된 후
- 서버에 데이터를 전송 - 백그라운드에서
각 장에서 자신 예를보십시오
각 장에서는 온라인으로 예제를 편집 할 수 있습니다, 그 결과를 볼 수있는 버튼을 클릭합니다.
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();
}