jquery ajaxの投稿を使用して進行状況バーを表示する

Question

jquery ajaxのコンセプトを使用してPHPページにリクエストを送信していますが、ダイアログボックスにレスポンスを表示する必要があります。それはうまく動作しますが、問題は応答を得るのに時間がかかることです。それで、進捗バーを追加することができます。

$.ajax({ 
      type: "POST", 
      url: "push/push_notify.php", 
      data: "pushmessage="+message+"&iphone="+iphone+"&android="+android+"&blackberry="+blackberry, 
      success: function(e){ 
       var response = e; 
       apprise(response, {'animate':true}); 
      } 
     }); 
     return false; 

Answer 1

あなたは私がcompleteハンドラ、要求を実行する前に、いくつかのスピナー画像を表示し、要求が終了した後、それを隠すことができます。例：

$('#spinner').show(); 
$.ajax({ 
    type: "POST", 
    url: "push/push_notify.php", 
    complete: function() { 
     $('#spinner').hide(); 
    }, 
    data: { 
     pushmessage: message, 
     iphone: iphone, 
     android: android, 
     blackberry: blackberry 
    }, 
    success: function(e) { 
     var response = e; 
     apprise(response, {'animate':true}); 
    } 
}); 

ここにはsome AJAX spinnersのサイトがあります。