English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery - AJAX 소개

AJAX는 배경의 웹 서버와 데이터를 교환하여 웹 페이지를 “비동기”로 업데이트할 수 있습니다.

이는 전체 페이지를 다시 로드하지 않고 웹 페이지의 일부를 업데이트할 수 있다는 것을 의미합니다.

AJAX를 사용하여 다음과 같은 것을 할 수 있습니다:

  • 데이터를 웹 서버로 전송합니다( 배경에서 )

  • 웹 서버에서 데이터를 읽어옵니다( 페이지가 로드된 후 )

  • 페이지를 다시 로드하지 않고 웹 페이지를 업데이트합니다

AJAX 예제

다음 코드는 jQuery AJAX의 기본 예제를 보여줍니다:

jQuery AJAX는 이 텍스트를 변경합니다

코드를 실행합니다

AJAX는 무엇인가요?

AJAX는 비동기 JavaScript와 XML을 의미합니다.

AJAX는 프로그래밍 언어가 아니라, 웹 페이지에서 웹 서버에 접근하기 위한 기술입니다.

AJAX는 페이지를 다시 로드하지 않고 서버에 요청을 보낼 수 있습니다.

AJAX는 페이지를 새로고침하지 않고 서버와 통신하고 데이터를 교환하고 페이지를 업데이트할 수 있는 기술입니다.

AJAX는 JSON, XML, HTML, 텍스트 파일 등 다양한 형식의 정보를 보내고 수신할 수 있습니다.

결론적으로, XMLHttpRequest 객체를 사용하여 서버와 통신하는 것입니다.

AJAX의 두 가지 주요 기능은 다음과 같은 작업을 수행할 수 있도록 합니다:

  • 페이지를 다시 로드하지 않고 서버에 요청을 보내기

  • 서버에서 데이터를 수신하고 처리할 수 있습니다

우리의AJAX 튜토리얼에서AJAX에 대해 더 많은 정보를 알아보세요。

jQuery의 Ajax

다른 브라우저는 Ajax를 구현하는 방식이 다르며, 이는 Ajax를 다양한 브라우저에서 작동하도록 보장하기 위해 JavaScript 방식으로 Ajax를 구현할 때는 다른 브라우저에 따라 다른 코드를 작성해야 한다는 것을 의미합니다。

그러나, 운이 좋게도 jQuery는 이러한 브라우저의 차이를 고려하여 Ajax 구현 과정을 간소화했습니다。

jQuery는 모든 브라우저 간에 원활하게 동작할 수 있는 Ajax를 구현하기 위해 간단한 방법을 제공합니다。

다음 장에서 가장 중요한 jQuery AJAX 메서드를 소개할 것입니다。

jQuery AJAX 참조

전체 AJAX 메서드에 대한 참조를 위해 우리의jQuery AJAX 참조