jQuery.get()
jQuery.get()
$.ajax({
url: url,
data: data,
success: success,
dataType: dataType
});
success콜백 함수는 응답의 MIME 타입에 따라서 XML 루트 요소, 텍스트 문자열, 자바 스크립트 파일 또는 JSON 개체 될 것입니다 반환 된 데이터를 전달됩니다. 응답의 텍스트 상태도 전달됩니다.
jQuery 1.5 부터, success콜백 함수는 "jqXHR"객체 ( jQuery 1.4 에서는 객체를 전달)에도 전달 XMLHttpRequest됩니다. JSONP와 도메인 간 GET 요청을 사용하지 않는 때문에, XHR을 , 그 경우에 jqXHR및 textStatus성공 콜백에 전달 된 매개 변수는 정의되지 않습니다.
대부분의 구현은 성공 처리기를 지정합니다.
$.get( "ajax/test.html", function( data ) {
$( ".result" ).html( data );
alert( "Load was performed." );
});
이 예는 요청 된 HTML 스 니펫을 가져 와서 페이지에 삽입합니다.
jqXHR 오브젝트
jQuery 1.5 부터 모든 jQuery의 Ajax 메소드는 XMLHTTPRequest객체 의 상위 집합을 반환한다 . 이 jQuery XHR 객체 또는 "jqXHR" $.get()은 Promise 인터페이스 를 구현하고 Promise의 모든 속성, 메서드 및 동작을 제공합니다 ( 자세한 내용 은 Deferred 객체 참조 ). jqXHR.done()(성공) jqXHR.fail()(에러) 및 jqXHR.always()(완료 성공 또는 오류 여부; 1.6 jQuery를 첨가)의 방법은 요청이 종료 될 때 호출되는 함수 인수를 사용. 이 함수가받는 인수에 대한 자세한 내용은 설명서 의 jqXHR 객체 절을 참조하십시오 $.ajax().
약속 인터페이스도 포함 jQuery의 아약스 방법을 허용 $.get()체인 배수로, .done(), .fail(), 및 .always()단일 요청에 콜백하고, 요청이 완료 수도 후에도 이러한 콜백을 할당합니다. 요청이 이미 완료되면 즉시 콜백이 시작됩니다.
// Assign handlers immediately after making the request,
// and remember the jqxhr object for this request
var jqxhr = $.get( "example.php", function() {
alert( "success" );
})
.done(function() {
alert( "second success" );
})
.fail(function() {
alert( "error" );
})
.always(function() {
alert( "finished" );
});
// Perform other work here ...
// Set another completion function for the request above
jqxhr.always(function() {
alert( "second finished" );
});
지원 중단 알림
jqXHR.success(), jqXHR.error()및 jqXHR.complete()콜백하는 방법이 jQuery를 3.0으로 제거 . 당신은 사용할 수 있습니다 jqXHR.done(), jqXHR.fail()그리고 jqXHR.always()대신.
추가 참고 사항 :
브라우저 보안 제한으로 인해 대부분의 "Ajax"요청은 동일한 출처 정책의 적용을받습니다 . 요청이 다른 도메인, 하위 도메인, 포트 또는 프로토콜에서 데이터를 성공적으로 검색 할 수 없습니다.
jQuery.get ()을 사용한 요청이 오류 코드를 반환하면 스크립트가 전역 .ajaxError () 메소드 도 호출하지 않으면 자동으로 실패 합니다. jQuery.get ()에 의해 반환 된 객체 의 .error()메서드 는 jQuery 1.5에서 jqXHR오류 처리에도 사용할 수 있습니다.
스크립트 및 JSONP 요청에는 동일한 원본 정책 제한이 적용되지 않습니다.
예 :
test.php 페이지를 요청하지만 반환 결과는 무시하십시오.
$.get( "test.php" );
test.php 페이지를 요청하고 (리턴 결과를 무시하면서) 추가 데이터를 보내십시오.
$.get( "test.php", { name: "John", time: "2pm" } );
반환 결과를 무시하면서 데이터 배열을 서버에 전달합니다.
$.get( "test.php", { "choices[]": ["Jon", "Susan"] } );
test.php를 요청한 결과를 경고합니다 (반환 된 내용에 따라 HTML 또는 XML).
$.get( "test.php", function( data ) {
alert( "Data Loaded: " + data );
});
결과의 추가 페이로드 (반환 된 내용에 따라 HTML 또는 XML)로 test.cgi를 요청한 결과를 경고합니다.
$.get( "test.cgi", { name: "John", time: "2pm" } )
.done(function( data ) {
alert( "Data Loaded: " + data );
});
json 형식 (<? php echo json_encode (array ( "name"=> "John", "time"= ""2pm "));?>)으로 반환 된 test.php 페이지 내용을 가져 와서 그것을 페이지에.
$.get( "test.php", function( data ) {
$( "body" )
.append( "Name: " + data.name ) // John
.append( "Time: " + data.time ); // 2pm
}, "json" );
게시판 목록
개발자팁
질문은 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 5396 | 기타 |
슈퍼스타맨
|
3개월 전 | 335 | |
| 5395 | PHP |
untitled
|
5개월 전 | 809 | |
| 5394 | MySQL |
선택과집중
|
5개월 전 | 583 | |
| 5393 | 웹서버 |
techstar
|
7개월 전 | 850 | |
| 5392 |
|
1년 전 | 1205 | ||
| 5391 | 9개월 전 | 1108 | |||
| 5390 | 9개월 전 | 893 | |||
| 5389 | 8개월 전 | 864 | |||
| 5388 | 8개월 전 | 966 | |||
| 5387 | 7개월 전 | 800 | |||
| 5386 | JavaScript |
nekoieye
|
7개월 전 | 961 | |
| 5385 | 웹서버 | 7개월 전 | 979 | ||
| 5384 | JavaScript |
|
8개월 전 | 802 | |
| 5383 | 기타 | 9개월 전 | 1117 | ||
| 5382 | 기타 |
|
9개월 전 | 567 | |
| 5381 | JavaScript | 9개월 전 | 896 | ||
| 5380 | 기타 |
|
9개월 전 | 678 | |
| 5379 | JavaScript | 10개월 전 | 681 | ||
| 5378 | 10개월 전 | 1188 | |||
| 5377 | 기타 |
|
10개월 전 | 752 | |
| 5376 | jQuery |
|
10개월 전 | 561 | |
| 5375 | jQuery |
techstar
|
10개월 전 | 718 | |
| 5374 | 기타 |
|
10개월 전 | 765 | |
| 5373 | MySQL |
|
11개월 전 | 799 | |
| 5372 | 기타 |
|
11개월 전 | 1003 | |
| 5371 | JavaScript |
|
11개월 전 | 713 | |
| 5370 | JavaScript |
|
11개월 전 | 718 | |
| 5369 | PHP |
|
11개월 전 | 1232 | |
| 5368 | PHP | 11개월 전 | 1397 | ||
| 5367 | 기타 |
nekoieye
|
1년 전 | 1272 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기