jQuery ajax - get() 메서드
예제
AJAX의 GET 요청을 사용하여 div 요소의 텍스트를 변경하세요:
$("button").click(function(){
$.get("demo_ajax_load.txt", function(result){
$("div").html(result);
});
});
정의와 사용법
get() 메서드는 원격 HTTP GET 요청을 통해 정보를 로드합니다.
이는 복잡한 $.ajax를 대체할 수 있는 간단한 GET 요청 기능입니다. 요청이 성공적으로 완료되면 콜백 함수를 호출할 수 있습니다. 오류가 발생할 경우 함수를 실행하려면 $.ajax를 사용하세요.
문법
$(셀렉터).get();url,data,success(response,status,xhr),dataType)
| 파라미터 | 설명 |
|---|---|
| url | 필수. 요청을 보낼哪个 URL을 정의합니다. |
| data | 선택 사항. 요청에 함께 전송된 데이터를 정의합니다. |
| success(response,status,xhr) |
선택 사항. 요청 성공 시 실행되는 함수를 정의합니다. 추가 매개변수：
|
| dataType |
선택 사항. 예상되는 서버 응답 데이터 타입을 정의합니다. 기본적으로, jQuery는 지능적으로 판단합니다. 가능한 타입：
|
상세 설명
이 함수는 간단한 Ajax 함수로, 다음과 같습니다：
$.ajax({
url: url,
data: data,
success: success,
dataType: dataType
});
다른 MIME 타입에 따라 success 컬백 함수에 전달되는 반환 데이터도 다릅니다. 이 데이터는 XML 루트 요소, 텍스트 문자열, JavaScript 파일 또는 JSON 객체일 수 있으며, success 컬백 함수에 응답의 텍스트 상태도 전달할 수 있습니다.
jQuery 1.4에서도 success 컬백 함수에 XMLHttpRequest 객체를 전달할 수 있습니다.
예제
test.php 웹 페이지를 요청하고 반환 값을 무시합니다：
$.get("test.php");
더 많은 예제
예제 1
test.php 웹 페이지를 요청하고, 2개의 매개변수를 전송하고 반환 값을 무시합니다：
$.get("test.php", { name: "Bill", time: "2pm" } );
예제 2
test.php이 반환하는 값(HTML 또는 XML, 반환 값에 따라 달라짐)을 표시하십시오：
$.get("test.php", function(data){
alert("Data Loaded: " + data);
});
예제 3
test.cgi이 반환하는 값(HTML 또는 XML, 반환 값에 따라 달라짐)을 표시하고, 일반적인 요청 매개변수를 추가하십시오：
$.get("test.cgi", { name: "Bill", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});
