jQuery.get() > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

jQuery.get() 정보

jQuery 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" );

추천
0

댓글 0개

전체 5,352
개발자팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT