출처 : 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" );

});




Posted by motolies
,