aタグのonclickイベントでAjax通信終了後にページ遷移させる

aタグのonclickイベントでAjax通信をした場合、もちろんAjax通信の終了を待たずにページ遷移をしてしまいます。
Ajax通信の終了を確認してからページ遷移を行いたい場合の記述のメモ。




#### スクリプト <script type="syntaxhighlighter" class="brush: javascript"> $('a.event').click(function () { var reqest = '/api/event_log.php'; var event_id = $(this).attr('data-event_id'); $.post(reqest, { event_id:event_id }) .always(function() { // 成功/失敗に関わらずページ遷移 window.location.href = href; }); return false; }); </script> <br> return false;とすることで、ページ遷移をキャンセルできます。 alwaysを使いましたが、Ajax 通信に成功した場合のみ遷移させたい場合は、successを使えばいいです。 <br> ##### 最近読んだ本