Ajax 소개 및 JS에서 기본 Ajax 작성에 대한 튜토리얼

ajax

1. ajax란
　Ajax의 정식 명칭은 Asynchronous JavaScript와 XML입니다. 그 중 Asynchronous는 비동기식 JavaScript와 XML을 의미합니다.
　AJAX는 빠르고 동적인 웹 페이지를 만드는 기술입니다. AJAX를 사용하면 백그라운드에서 서버와 소량의 데이터를 교환하여 웹 페이지를 비동기적으로 업데이트할 수 있습니다. 이는 전체 페이지를 다시 로드하지 않고도 페이지의 일부를 업데이트할 수 있음을 의미합니다.
　 AJAX를 사용하지 않는 기존 웹페이지에서 콘텐츠를 업데이트해야 하는 경우 전체 웹페이지를 다시 로드해야 합니다.
2. ajax에 포함된 기술
ajax가 새로운 기술이 아니라 여러 가지 원천기술의 조합이라는 것은 누구나 알고 있는 사실입니다. 이는 다음과 같은 기술로 구성됩니다.
　　1. CSS와 XHTML을 사용하여 표현합니다.
　　2. 상호 작용 및 동적 표시를 위해 DOM 모델을 사용합니다.
　　3. XMLHttpRequest를 사용하여 서버와 비동기적으로 통신합니다.
　　4. 자바스크립트를 사용하여 바인딩하고 호출합니다.
4.ajax 원리
　Ajax의 원리는 간단하게 XmlHttpRequest 객체를 통해 서버에 비동기 요청을 보내고 서버에서 데이터를 얻은 후 javascript를 사용하여 DOM을 작동하고 페이지를 업데이트하는 것입니다.
5. ajax 요청 구현
　1. XmlHttpRequest 객체 생성
　if (window.XMLHttpRequest) {
　　　 // IE7+, Firefox, Chrome, Opera, Safari 브라우저 실행 코드
　　
// IE6, IE5 브라우저 실행 코드
　　 xmlhttp= new ActiveXObject("Microsoft.true);
　3. 요청 보내기

　　xmlhttp.send();
　4. 서버가 콘텐츠를 반환하고 처리할 때까지 기다립니다
　　xmlhttp.onreadystatechange=function() {
　　if (xmlhttp .readyState==4 && xmlhttp.status== 200) {
　　　　document.getElementById("btn").innerHTML=xmlhttp.responseText;
　　　}
　　}

위 내용은 Ajax 소개 및 JS에서 기본 Ajax 작성에 대한 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!