显示使用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。