English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
AJAX는 배경 Web 서버와 데이터를 교환하여 웹 페이지를 "비동기적으로" 업데이트할 수 있게 합니다.
이는 웹 페이지의 일부를 업데이트할 수 있게 하여 전체 페이지를 다시 로드하지 않고도 사용자에게 더 나은 경험을 제공하고 데이터 전송 속도를 높입니다.
jQuery 라이브러리는 완전한 Ajax 기능을 제공합니다.
이 기능과 메서드들은 브라우저 페이지를 새로고침하지 않고 서버에서 데이터를 로드할 수 있게 합니다.
페이지상의 어떤 Ajax 요청도 특정 Ajax 이벤트(예: 초기화나 완료)가 발생할 때, 이 메서드들은 호출할 함수를 추가합니다:
| 메서드 | 설명 |
|---|---|
| ajaxComplete() | Ajax 요청이 완료되면 호출할 함수를 추가합니다. 이는 Ajax 이벤트입니다 |
| ajaxError() | Ajax 요청이 완료되고 오류가 발생할 때 호출할 함수를 추가합니다. 이는 Ajax 이벤트입니다 |
| ajaxSend() | Ajax 요청 전에 호출할 함수를 추가합니다. 이는 Ajax 이벤트입니다 |
| ajaxStart() | 첫 번째 Ajax 요청 시작 전에 호출할 함수를 추가합니다. 이는 Ajax 이벤트입니다 |
| ajaxStop() | 모든 Ajax 요청이 완료되면 호출할 함수를 추가합니다. 이는 Ajax 이벤트입니다 |
| ajaxSuccess() | Ajax 요청이 성공적으로 완료되면 호출할 함수를 추가합니다. 이는 Ajax 이벤트입니다 |
이 기능들은 AJAX 작업 시에 만나는 일반적인 사용 습관을 도와줍니다:
| 메서드 | 설명 |
|---|---|
| $.param() | 배열이나 객체의 시리얼라이즈된 표현형을 생성합니다 (AJAX 요청의 URL 쿼리 문자열로 사용할 수 있습니다) |
| serialize() | 폼 요소 집합을 제출할 문자열로 인코딩합니다 |
| serializeArray() | 폼 요소 집합을 이름과 값의 배열로 인코딩합니다 |
이 메서드는 어떤 Ajax 요청을 보낼 수 있습니다:
| 메서드 | 설명 |
|---|---|
| $.ajax() | 비동기 HTTP(AJAX) 요청을 실행합니다 |
| $.ajaxPrefilter() | 각 요청을 보내기 전에 및 $.ajax()가 그들을 처리하기 전에, 사용자 정의 Ajax 옵션을 처리하거나 기존 옵션을 수정합니다 |
| $.ajaxSetup() | 미래의 AJAX 요청의 기본 값을 설정합니다. 사용하지 않는 것이 좋습니다 |
| $.ajaxTransport() | Ajax 데이터 전송을 처리하는 객체를 생성합니다 |
이 메서드는 적은 코드로 일반적인 Ajax 요청 유형을 실행합니다:
| 메서드 | 설명 |
|---|---|
| $.get() | HTTP GET 요청을 사용하여 서버에서 데이터를 가져옵니다 |
| $.getJSON() | GET HTTP 요청을 사용하여 서버에서 JSON 인코딩된 데이터를 가져옵니다 |
| $.getScript() | GET HTTP 요청을 사용하여 서버에서 JavaScript 파일을 가져오고 (반환) 실행합니다 |
| $.post() | HTTP POST 요청을 사용하여 서버에서 데이터를 가져옵니다 |
| load() | 서버에서 데이터를 가져와 선택된 요소에 반환된 HTML을 삽입합니다 |