<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("click", 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></script><br><body><ボタンid="btnAjax">Ajax リクエストを送信</ボタン><br/> <br></body> ;/html><br><br> </div>