使用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的网站。