목차
- $.ajaxSetup() 정의
- $.ajaxSetup() 예제 - 불러올 파일과 통신 성공 시 실행될 함수 지정
- $.ajaxSetup() 구문
- $.ajaxSetup() 예제 - 에러 발생 처리
$.ajaxSetup() 정의
향후 $.ajax() 요청에 대한 기본값을 설정.
$.ajaxSetup() 예제 - 불러올 파일과 통신 성공 시 실행될 함수 지정
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.ajaxSetup({url: "homzzang.txt", success: function(result){
$("div").html(result);}});
$.ajax();
});
});
</script>
</head>
<body>
<div><h2>홈짱주소?</h2></div>
<button>알려줘.</button>
</body>
</html>
의미: 모든 AJAX 요청에 대해 기본 URL 및 통신 성공 시 실행될 함수를 설정
$.ajaxSetup() 구문
$.ajaxSetup({name:value, name:value, ... })
[name 인자 종류]
async
요청을 비동기로 처리할지 여부를 나타내는 참거짓.
beforeSend (xhr)
요청을 보내기 전에 실행할 함수.
cache
브라우저가 요청 된 페이지를 캐시해야하는지 여부를 나타내는 참거짓.
complete(xhr, status)
요청이 완료 될 때 (성공 및 오류 기능 후) 실행되는 함수.
contentType
서버에 데이터를 보낼 때 사용되는 내용 유형.
- 기본값: "application / x-www-form-urlencoded"
context
모든 AJAX 관련 콜백 함수에 대한 "this"값을 지정.
data
서버에 보낼 데이터를 지정.
dataFilter
(data, type) XMLHttpRequest의 원시 응답 데이터를 처리하는 데 사용되는 함수.
dataType
서버 응답에 필요한 데이터 유형.
error (xhr, status, error)
요청이 실패 할 경우 실행할 함수.
global
요청에 대해 전역 AJAX 이벤트 핸들을 촉발할지 여부를 지정하는 참거짓.
ifModified
마지막 요청 이후에 응답이 변경된 경우에만 요청이 성공하는지 여부를 지정하는 참거짓
jsonp
jsonp 요청에서 콜백 함수를 기각하는 문자열
jsonpCallback
jsonp 요청에서 콜백 함수의 이름을 지정.
password
HTTP 액세스 인증 요청에 사용될 암호를 지정.
processData
요청과 함께 전송 된 데이터를 쿼리 문자열로 변환해야하는지 여부를 지정하는 참거짓.
scriptCharset
요청에 대한 문자 집합을 지정.
success (result, status, xhr)
요청이 성공했을 때 실행할 함수.
timeout
요청에 대한 로컬 시간 초과
- 1000분의 1초 형식으로 표현. (1초 = 1000)
traditional
전통적인 스타일의 param serialization을 사용할지 여부를 지정하는 참거짓.
type
요청의 유형을 지정. (GET 또는 POST)
url
요청을 보낼 URL을 지정.
username
HTTP 액세스 인증 요청에 사용할 사용자 이름을 지정.
xhr
XMLHttpRequest 객체를 만드는 데 사용되는 함수.
$.ajaxSetup() 예제 - 에러 발생 처리
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.ajaxSetup({url:"homzzang.txt",error:function(xhr){
alert("에러발생: " + xhr.status + " " + xhr.statusText);
}});
$.ajax();
});
});
</script>
</head>
<body>
<p>홈짱닷컴 주소?</p>
<div></div>
<button>알려줘.</button>
</body>
</html>
의미: homzzang.txt 파일이 없을 때, 404 에러 경고창 띄우기
