ページをブロックする

説明補足説明コード分割コード関連書籍コメント投稿

このサンプルは、jQueryのblockUI()プラグインを利用してウェブページをブロックします。[Run]ボタンをクリックするとwait.aspxページを非同期で呼び出します。wait.aspxの処理中は、メッセージを表示してウェブページをブロックします。wait.aspxの処理が完了したらブロックを解除します。wait.aspxは２秒間スリープします。

このサンプルは、jQueryのblockUI()プラグインを利用してウェブページをブロックします。[Run]ボタンをクリックするとwait.aspxページを非同期で呼び出します。wait.aspxの処理中は、メッセージを表示してウェブページをブロックします。wait.aspxの処理が完了したらブロックを解除します。wait.aspxは２秒間スリープします。 

$(function() {   
  $().ajaxStop($.unblockUI);          
  $('#run').click(function() {   
    $.blockUI(); 
    $.ajax({ 
     url: 'wait.aspx', // or url: 'wait.php', 
     cache: false);                            
  });    
});