AJAX는 의심할 여지 없이 2005년 가장 인기 있는 웹 개발 기술 중 하나입니다. 물론 이 공로를 Google과 분리할 수는 없습니다. 저는 평범한 개발자이고 AJAX를 많이 사용하지 않습니다. 단지 제 경험을 공유하겠습니다. (이 글에서는 사용자가 이미 JavaScript, HTML, CSS 등 기본적인 웹 개발 능력을 갖추고 있다고 가정합니다.)
[AJAX 소개]
Ajax는 클라이언트 측 스크립트를 사용하여 웹 서버와 데이터를 교환하는 웹 애플리케이션 개발 방법입니다. 상호 작용 프로세스를 중단하거나 다시 편집하지 않고도 웹 페이지를 동적으로 업데이트할 수 있습니다. Ajax를 사용하면 사용자는 기본 데스크탑 애플리케이션에 가까운 직접적이고 가용성이 높으며 풍부하고 동적인 웹 사용자 인터페이스를 만들 수 있습니다.
AJAX(Asynchronous JavaScript and XML)는 새로운 기술은 아니지만 CSS(Cascading Style Sheets), JavaScript, XHTML, XML 및 XSLT(Extensible Style Language Transformations)를 비롯한 여러 기존 기술을 사용하여 다음과 유사한 모양과 동작의 웹 애플리케이션 소프트웨어를 개발합니다. 데스크탑 소프트웨어.
[AJAX 실행 원리]
Ajax 상호작용은 XMLHttpRequest라는 JavaScript 객체로 시작됩니다. 이름에서 알 수 있듯이 클라이언트 측 스크립트가 HTTP 요청을 수행하고 XML 형식의 서버 응답을 구문 분석할 수 있습니다. Ajax 처리의 첫 번째 단계는 XMLHttpRequest 인스턴스를 생성하는 것입니다. HTTP 메소드(GET 또는 POST)를 사용하여 요청을 처리하고 대상 URL을 XMLHttpRequest 객체로 설정합니다.
HTTP 요청을 보낼 때 브라우저가 서버의 응답을 기다리지 않고 페이지를 통해 사용자 인터페이스 상호 작용에 계속 응답하고 서버 응답이 실제로 도착하면 처리하기를 원합니다. 이를 달성하려면 XMLHttpRequest에 콜백 함수를 등록하고 XMLHttpRequest 요청을 비동기적으로 전달할 수 있습니다. 제어권은 즉시 브라우저로 반환되며, 서버 응답이 도착하면 콜백 함수가 호출됩니다.
[AJAX의 실제 적용]
1. Ajax 초기화
Ajax는 실제로 XMLHttpRequest 객체를 호출하므로 먼저 이 객체를 호출하여Ajax
를 초기화하는 함수를 작성해야 합니다.
* xmlhttp 객체 초기화
*/
함수InitAjax()
{
var 아약스=false;
노력하다 {
ajax = new ActiveXObject("Msxml2.XMLHTTP");
} 잡기 (e) {
노력하다 {
ajax = new ActiveXObject("Microsoft.XMLHTTP");
} 잡기 (E) {
아약스 = 거짓;
}
}
if (!ajax