jquery $.ajax 관련 사용법 Sharing_jquery

코드 복사 코드는 다음과 같습니다.

$.ajax({
유형: "GET ",
url: "Services/EFService.svc/Members",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: " json",
성공: 함수(데이터) {
// JSON 형식의 반환된 데이터로 재생
},
오류: 함수(msg) {
alert(msg);
}
});

전역 이벤트는 모든 Ajax 요청에 의해 트리거됩니다. 위의 getScript() 예제에 로드된 스크립트는 전역 Ajax입니다. 이벤트. . 글로벌 이벤트는 다음과 같이 정의할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

$ ("#loading" ).ajaxStart(function(){
$(this).show();
})

특정 요청에서 전역 이벤트를 비활성화할 수 있습니다. set global 옵션은 괜찮습니다:

코드 복사 코드는 다음과 같습니다:

$ .ajax({
url: "test.html",
global: false,// 전역 Ajax 이벤트를 비활성화합니다. // ... })

다음은 jQuery에서 공식적으로 제공하는 완전한 Ajax 이벤트 목록:
•ajaxStart(글로벌 이벤트)
이 이벤트는 Ajax 요청이 시작되고 현재 실행 중인 다른 Ajax 요청이 없는 경우 브로드캐스팅됩니다.
•beforeSend(로컬 이벤트)
Ajax 요청이 시작되기 전에 트리거되는 이 이벤트를 사용하면 XMLHttpRequest 객체를 수정할 수 있습니다(필요한 경우 추가 헤더 설정).
•ajaxSend(글로벌 이벤트)
이 전역 이벤트도 트리거됩니다.
•성공(로컬 이벤트)
이 이벤트는 요청이 성공한 경우에만 호출됩니다(서버 오류 없음, 데이터 오류 없음).
•ajaxSuccess(글로벌 이벤트) )
이 이벤트는 요청이 성공한 경우에만 호출됩니다.
•error(로컬 이벤트)
이 이벤트는 요청에 오류가 발생한 경우에만 호출됩니다. (오류와 오류가 동시에 발생할 수는 없습니다.) 요청이 있는 성공 콜백)
•ajaxError(전역 이벤트)
이 전역 이벤트는 로컬 오류 이벤트와 동일하게 동작합니다.
•complete(로컬 이벤트)
이 이벤트는 여부에 관계없이 호출됩니다. 요청이 성공했는지 여부에 관계없이 동기 요청의 경우에도 항상 완전한 콜백을 받게 됩니다.
•ajaxComplete(전역 이벤트)
이 이벤트는 완료 이벤트와 동일하게 동작하며 Ajax가 실행될 때마다 트리거됩니다. 요청이 완료됩니다.
•ajaxStop(전역 이벤트)
이 전역 이벤트는 처리 중인 Ajax 요청이 더 이상 없으면 트리거됩니다.
jQuery.ajaxSetup( options ): 전역 AJAX 기본 옵션을 설정합니다.
AJAX 요청의 기본 주소를 "/xmlhttp/"로 설정하고, 전역 AJAX 이벤트 트리거를 비활성화하고, 기본 GET 메서드 대신 POST를 사용합니다. 후속 AJAX 요청에서는 옵션 매개변수가 설정되지 않습니다.
jQuery 코드:

코드 복사 코드는 다음과 같습니다.

$.ajaxSetup ({
url: "/xmlhttp/",
global: false,
type: "POST"
})
$.ajax({ data: myData }); >

html 유형으로 지정하면 HTML이 문자열로 반환되기 전에 포함된 모든 JavaScript가 실행됩니다. 마찬가지로 스크립트 유형을 지정하면 서버 측에서 생성된 JavaScript가 먼저 실행된 후 스크립트가 텍스트 데이터로 반환됩니다.
JSON 데이터는 JavaScript를 통해 쉽게 파싱할 수 있는 일종의 구조화된 데이터입니다. 획득한 데이터 파일이 원격 서버에 저장되어 있는 경우(다른 도메인 이름, 즉 도메인 간 데이터 수집) jsonp 유형을 사용해야 합니다. 이 유형을 사용하면 요청된 URL에 추가되는 쿼리 문자열 매개변수 callback=?이 생성됩니다. 유효한 JSONP 요청을 완료하려면 서버가 JSON 데이터 앞에 콜백 함수 이름을 추가해야 합니다. 기본 콜백 대신 콜백 함수의 매개변수 이름을 지정하려면 $.ajax()의 jsonp 매개변수를 설정하면 됩니다.​