Ajax & jQuery

메서드

구분	설명
jQuery.each( array, callback )	전달된 배열을 반복 순환하는 함수
.each(function)	선택한 요소를 반복 순환하는 메서드
.eq(index)	선택한 요소의 인덱스 번호에 해당하는 DOM 요소 노드를 반환한다.
.get(index)	선택한 요소의 인덱스 번호에 해당하는 jQuery 객체를 반환한다.
.html()	innerHTML과 비슷하게 사용되며 전달 된 데이터를 반환한다.
.done()	비동기 통신이 성공 했을 때, 콜백 함수가 실행된다.
.then()	비동기 통신이 성공했을 때, 콜백 함수가 실행된다. .done()메서드와 다른 점은 .then()은 두번째 인자로 비동기 통신이 실패 했을 때 실행되는 콜백 함수를 설정할 수 있다.

.get() vs .eq()

일반적으로 jQuery 객체에서 DOM 객체를 반환 받아야 하는 경우보다 jQuery 객체에 수집된 집합 중 일부를 걸러내는 경우가 더 많다. 대부분 .eq() 메서드 더 많이 사용한다.

.done() vs .then()

.done()

.done() 메서드는 비동기 통신이 성공 했을 때만 실행되는 콜백 함수를 설정할 수 있다.

$.get( "test.php" ).done(function() {
  alert( "$.get succeeded" );
});

.then()

하지만 .then()은 비동기 통신이 성공/ 실패 했을 때 실행되는 각각의 콜백함수를 인자로 전달 할 수 있다.

$.get( "test.php" ).then(
  function() {
    alert( "$.get succeeded" );
  }, function() {
    alert( "$.get failed!" );
  }
);