목록프로그래밍/javascript/jquery/ajax (2)
코딩하는원숭이
ajax 호출 시 로딩이미지를 출력하는 코드이다. 내가 주로 쓰는 방법은 ajax 호출 시 아래와 같은 gif 이미지를 화면 가운데에 출력하고, 작업이 끝나면 이미지를 지우는 간단한 코딩이다. 1234567891011121314151617function getBoardList() { var loadingHtml = ' '; loadingHtml += ''; $('body').fadeTo( "fast", 0.4 ).append(loadingHtml); $.ajax({ ... }, success : function(datas) { $('body').fadeTo( "slow", 1 ).find('#loading').remove(); ... });}Colored by Color Scriptercs 위 소스를 그..
jquery와 ajax를 이용하여 데이터를 가져올 때, 시간이 오래 걸리는 경우가 있다. 그럴 경우 사용자가 급한 마음에 요청이 끝나지 않은 상태에서 중복으로 버튼을 클릭하여 쿼리가 중첩 발생되는 경우가 있다. 이러한 현상을 방지하기 위해 버튼을 클릭한 후 ajax 가 완료되기 전에 다시 클릭하였을 때 해당 요청을 진행하지 않기 위해 아래 코드를 추가하였다. 123456789101112131415161718192021var isRun = false;function abcde() { if(isRun == true) { return; } isRun = true; $.ajax({ ... }, success : function(datas) { isRun = false; ... });}Colored by Colo..