HTML5 페이지에서 JavaScript로 AJAX를 사용해야하는 이유 - 인형

많은 자바 스크립트 사용자와 웹 개발자가 AJAX에 대해 들어 봤지만 특별한 언어라고 생각하지 않으므로 더 이상 진전되지 않았습니다. AJAX는 새로운 언어가 아닙니다. 기존의 기술을 재사용하여 문서 업데이트를 처리하는 새로운 방법을 만듭니다. AJAX의 기술을 새로운 방식으로 적용하면 온라인에서 컨텐츠를 발표 할 때 몇 가지 중요한 이점을 얻을 수 있습니다.

AJAX의 이점

AJAX를 사용하면로드 및 실행 속도가 빨라지고 네트워크 및 서버 리소스를 적게 사용하는 동적 응용 프로그램을 만들 수 있습니다. AJAX의 목표는 전체 페이지를 다시로드하지 않고도 페이지를 변경할 수 있도록하는 것입니다.

AJAX를 사용하면 대규모 요청으로 서버를로드하지 않고도 매우 빠른 애플리케이션을 만들 수 있습니다. 모든 서버는 요청시 발신자에게 작은 데이터를 보냅니다. 이 작은 데이터 조각은 네트워크를 통해 더 빨리 이동하므로 요청 대기 시간도 더 짧습니다.

JavaScript:

• 자바 스크립트를 사용하여 브라우저에서 이벤트를 처리하고 서버에 요청하고 필요에 따라 페이지의 영역을 업데이트하는 데 필요한 코드를 작성합니다.

  DOM (Document Object Model):

• JavaScript는 DOM을 사용하여 페이지의 특정 위치에 액세스합니다. Cascading Style Sheets (CSS):

• CSS를 사용하면 데이터 업데이트 중에 특수 효과를 만들 수 있습니다. 또한 CSS는 새로운 데이터를 기존 페이지 컨텐츠와 잘 맞 춥니 다. XML (eXtensible Markup Language):

• 모든 업데이트에는 일종의 데이터가 필요합니다. XML은 어디에서나 작동하기 때문에 완벽한 선택입니다. XMLHttpRequest

• 객체: 서버와의 통신은 연결이 필요하고 XMLHttpRequest 객체는이 연결을 생성합니다. AJAX는 비동기 적으로 작업을 수행합니다. AJAX 작동 원리

AJAX는 마술을 수행하지 않습니다. 일단 당신이 그것을 이해하면 이해할 수없는 장면 뒤에 아무것도 없습니다. AJAX는 동일한 페이지의 로컬 또는 동일한 폴더의 외부 페이지가 아닌 네트워크 와이어를 통해 작업을 수행합니다. 다음은 AJAX를 사용할 때 발생하는 일련의 이벤트입니다.

브라우저에서 이벤트가 발생합니다. (이벤트의 성격은 부적절하지만 일반적으로 일종의 데이터 요청이 포함됩니다.)

1. JavaScript는 새로운 XMLHttpRequest 객체를 생성합니다. 이 경우 객체는 콜백 함수를 사용하여 비동기 적으로 작업을 수행하도록 구성됩니다.

2. JavaScript는 처리를 위해 서버에 요청을 보냅니다. 이 시점에서 페이지는 응답을 기다리는 동안 정상적으로 수행하는 작업을 계속 수행합니다.

3. 서버는 JavaScript가 보내고 처리 한 XMLHttpRequest 객체를 수신합니다.

4. 서버는 응답을 생성하여 브라우저로 다시 보냅니다.

5. 원래 요청과 함께 제공된 브라우저의 콜백 함수는 서버로부터 응답을받습니다.

6. 콜백 함수는 응답의 필요한 후 처리를 수행한다.

7. 화면에 정보의 업데이트가 발생하고 사용자에게 결과가 표시됩니다.