jQuery AJAX 함수
jQuery는 AJAX 개발을 위한 풍부한 함수(메서드) 라이브러리를 가지고 있습니다.
AJAX는 무엇인가요?
AJAX = Asynchronous JavaScript and XML.
AJAX는 빠른 동적 웹 페이지를 생성하는 기술입니다.
AJAX는 백그라운드에서 서버와 데이터를 교환하여 웹 페이지를 비동기적으로 업데이트할 수 있게 합니다. 이는 전체 페이지를 다시 로드하지 않고 웹 페이지의 일부를 업데이트할 수 있는 것을 의미합니다.
우리의 AJAX 강의 에서 AJAX에 대해 더 많은 지식을 배울 수 있습니다.
AJAX와 jQuery
jQuery는 AJAX 개발을 위한 풍부한 함수(메서드) 라이브러리를 제공합니다.
jQuery AJAX를 통해 HTTP Get과 HTTP Post를 사용하여 TXT, HTML, XML 또는 JSON을 원격 서버에서 요청할 수 있습니다.
그리고 원격 데이터를 선택된 HTML 요소에 직접 로드할 수 있습니다!
더 적게 쓰고 더 많이 만듭니다
jQuery의 load 함수는 간단하지만 강력한 AJAX 함수입니다. 그 문법은 다음과 같습니다:
$(selector).load(url,data,callback)
사용하세요 selector 을 사용하여 변경할 HTML 요소를 정의합니다 url 파라미터을 사용하여 데이터의 웹 주소를 지정합니다
서버로 데이터를 보내려고 할 때에만 사용해야 합니다 data 만약 데이터가 완료된 후 함수를 트리거하려고 할 때에만 사용해야 합니다 callback 파라미터
Low Level AJAX
$.ajax(options) 는 낮은 수준 AJAX 함수의 문법입니다.
$.ajax은 고급 수준 함수보다 많은 기능을 제공하지만, 사용하기가 더 어렵습니다.
option 옵션 설정은 name|value 쌍으로, url 데이터, 비밀번호, 데이터 타입, 필터, 문자 집합, 타임아웃 및 오류 함수를 정의합니다.
jQuery AJAX 요청
| 요청 | 설명 |
|---|---|
| $(selector).load(url,data,callback) | remote 데이터를 선택된 요소에 로드합니다 |
| $.ajax(options) | remote 데이터를 XMLHttpRequest 객체에 로드합니다 |
| $.get(url,data,callback,type) | remote 데이터를 HTTP GET으로 로드합니다 |
| $.post(url,data,callback,type) | remote 데이터를 HTTP POST으로 로드합니다 |
| $.getJSON(url,data,callback) | remote JSON 데이터를 HTTP GET으로 로드합니다 |
| $.getScript(url,callback) | remote JavaScript 파일을 로드 및 실행합니다 |
(url) 로드된 데이터의 URL(주소)
(data) 서버로 보내는 데이터의 키/값 객체
(callback) 데이터가 로드될 때 실행되는 함수
(type) 반환된 데이터의 유형 (html,xml,json,jasonp,script,text)
(options) 완전한 AJAX 요청의 모든 키/값 옵션
참조 가이드
jQuery AJAX 함수에 대한 더 많은 정보를 원하시면 우리의 jQuery AJAX 참조 매뉴얼。
