<div class="codetitle"> <span><a style="CURSOR: pointer" data="40971" class="copybut" id="copybut40971" onclick="doCopy('code40971')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code40971"> <br><html xmlns="http://www. w3.org /1999/xhtml"> <br><head> <br><title>jQuery Ajax - AjaxEvent</title> <br><script src="../jquery-1.4.3. js" type ="text/javascript"></script> <br><script type="text/javascript"> <br>$(document).ready(function() <br>{ <br>$( "#btnAjax").bind("클릭", function(event) <br>{ <br>$.get("Default.aspx",{"resultType":"dddd"},function(data) { $( "#divResult").html(Date);}); <br>}) <br>//AJAX 요청 완료 시 함수 실행 <br>$("#divResult").ajaxComplete(function (evt, request, settings ) { $(this).append('<div>ajax 실행 완료</div><br />') }) <br>//에러 발생 시 함수 실행 AJAX 요청<br>$( "#divResult").ajaxError(function(evt, request, settings) { $(this).append('<div>Ajax 실행 중에 오류가 발생했습니다</div><br />'); }) <br>//AJAX는 요청을 보내기 전에 함수를 실행합니다<br>$("#divResult").ajaxSend(function(evt, request, settings) { $(this).append( '<div>ajax는 보내기 전에 실행됩니다< /div><br />') }) <br>//AJAX 요청이 시작되면 함수 실행<br>$("#divResult").ajaxStart( function() { $(this).append(' <div>ajax 실행 시작</div><br />')) <br>//AJAX 요청이 끝나면 함수 실행<br> $("#divResult").ajaxStop(function() { $(this).append('<div>ajax 실행 종료</div><br />'); }) <br>//실행 AJAX 요청 성공 시 함수<br>$("# divResult").ajaxSuccess(function(evt, request, settings) { $(this).append('<div>ajax 실행이 성공했습니다</div>< br />') }) <br>} ) <br></head> <br><br />< id="btnAjax">Ajax 요청 보내기</ 버튼><br/> <br><div id="divResult"></div> <br></body> ;/html> <br><br> </div>
