출처 : http://webinformation.tistory.com/22
2016/05/13 - [프로그램 자료/Java Script] - 비동기 로딩/로딩바 이미지 ajax loading image
$.ajax({
url: 'example.php', // 요청 할 주소
async: true, // false 일 경우 동기 요청으로 변경
type: 'POST', // GET, PUT, DELETE
data: {
Name: 'ajax',
Age: '10'
}, // 전송할 데이터
dataType: 'text', // xml, json, script, html
contentType: 'application/json; charset=utf-8',
beforeSend: function(jqXHR) {}, // 서버 요청 전 호출 되는 함수 return false; 일 경우 요청 중단
success: function(jqXHR) {}, // 요청 완료 시
error: function(jqXHR, status, error) {}, // 요청 실패.
complete: function(jqXHR) {} // 요청의 실패, 성공과 상관 없이 완료 될 경우 호출
})
.always(function(jqXHR) {
alert( "finished" );
});
$.get( "example.php?Name=ajax&Age=10", function(jqXHR) {
alert( "success" );
}, 'json' /* xml, text, script, html */)
.done(function(jqXHR) {
alert( "second success" );
})
.fail(function(jqXHR, status, error) {
alert( "error" );
})
.always(function(jqXHR) {
alert( "finished" );
});
$.post( "example.php?Name=ajax&Age=10", {
Name: 'ajax',
Age: '10'
}, function(jqXHR) {
alert( "success" );
}, 'json' /* xml, text, script, html */)
.done(function(jqXHR) {
alert( "second success" );
})
.fail(function(jqXHR, status, error) {
alert( "error" );
})
.always(function(jqXHR) {
alert( "finished" );
});