• 회원가입
  • 로그인
  • 구글아이디로 로그인

[AJAX] JQ - ajaxStart() 메서드 - 첫 번째 AJAX 요청이 시작될 때 실행할 함수 지정 (= ajaxStart메서드 = 아작스스타트메서드)

목차
  1. ajaxStart() 예제 - 첫 번째 ajax 요청 시작 시 실행할 함수 지정
  2. ajaxStart() 정의
  3. ajaxStart() 구문

 

ajaxStart() 예제 - 첫 번째 ajax 요청 시작 시 실행할 함수 지정

 

<!DOCTYPE html>

<html>

<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

  $(document).ajaxStart(function(){

        $(this).html("<img src='loading.gif'>");

    });

    $("button").click(function(){

        $("div").load("test.txt");

    });

});

</script>

</head>

 

<body>

<div>홈짱닷컴 주소?</div>

<button>알려줘.</button>

</body>

 

</html>

 

 

ajaxStart() 정의

 

첫 번째 AJAX 요청이 시작 될 때 실행할 함수를 지정.

 

PS. jQuery 1.8부터 이 메서드는 document에만 첨부해야 함.

 

 

ajaxStart() 구문

 

$(document).ajaxStart(function())

 


[매개변수]

 

function()

필수. 요청이 시작 될 때 실행할 함수를 지정.




분류 제목
Traversing JQ - next() 메서드 - 선택요소 다음 형제요소 반환. (= next메서드 = 넥스트메서드)
Traversing JQ - nextAll() 메서드 - 선택요소의 모든 다음 형제요소 반환. (= nextAll메서드 = 넥스…
Traversing JQ - nextUntil() 메서드 - 주어진 두 인수 사이의 모든 다음 형제요소 반환
Traversing JQ - not() 메서드 - 일치 안 하는 요소 선택 (= not메서드 = 낫메서드)
Traversing JQ - offsetParent() 메서드 - 최초로 position된 부모요소 반환 (= offsetPar…
Traversing JQ - parent() 메서드 - 선택요소의 직접 부모요소 반환 (= parent메서드 = 패런트 메서드)
Traversing JQ - parents() 메서드 - 선택요소 모든 조상요소 반환 (= parents메서드 = 패런츠 매서드…
Traversing JQ - parentsUntil() 메서드 - 지정요소 사이의 조상요소 반환 (= parentsUntil메서…
Traversing JQ - prev() 메서드 - 선택요소 이전 형제요소 반환 (= prev메서드 = 프리브메서드)
Traversing JQ - prevAll() 메서드 - 선택요소 이전의 모든 형제요소 반환 (= prevAll메서드 = 프리브…
Traversing JQ - prevUntil() 메서드 - 특정 범위 안의 이전 형제요소 반환. (= prevUntil메서드 …
Traversing JQ - siblings() 메서드 - 선택요소의 모든 형제요소 반환. (= siblings메서드 = 시블링…
Traversing JQ - slice() 메서드 - 특정 색인번호 범위 내로 요소 선택 범위 축소. (= slice메서드 = …
AJAX JQ - $.ajax() 메서드 ★ - 비동기식 AJAX 요청수행. (= ajax메서드 = 아작스메서드)
AJAX JQ - $.ajaxPrefilter() 메서드 - 아작스 옵션처리/기존옵션수정. (= ajaxPrefilt…
AJAX JQ - $.ajaxSetup() 메서드 ★ - 향후 AJAX 요청에 대한 기본값 설정. (= ajaxSet…
AJAX JQ - $.ajaxTransport() 메서드 - Ajax 데이터의 실제 전송을 처리하는 객체 생성. (=…
AJAX JQ - $.get() 메서드 ★ - AJAX HTTP GET방식으로 서버에서 데이터 로드 (= $.get메…
AJAX JQ - $.getJSON() ★ 메서드 - GET 방식으로 서버에서 JSON 데이터를 로드 (= getJS…
AJAX JQ - $.parseJSON() 메서드 - 폐기예고. JSON.parse()로 대체됨. JSON 문자열 …
12/15
목록
찾아주셔서 감사합니다. Since 2012