如何使用jquery ajaxstart和ajaxstop与$.post？

基本上我想显示一个加载gif …

这里是我使用的代码：

$("#mail-change input[type=submit]").click(function(event){

$.post('user_settings.PHP',$("#mail-change").serialize(),function(res) {

$(res).insertBefore(".grey");

},'html')

});

解决方法

$("#loading").ajaxStart(function() {
    $(this).show();
}).ajaxStop(function() {
    $(this).hide();
});

编辑：

$("#mail-change input[type=submit]").click(function(event){
    $("#loading").show()
    $.post('user_settings.PHP',function(res) {
        $(res).insertBefore(".grey");
        $("#loading").hide();
    },'html');
});

要么：

$.ajax({
   url : 'user_settings.PHP',data: $("#mail-change").serialize(),beforeSend: function(){
     $("#loading").show();
   },complete: function(){
     $("#loading").hide();
   },success: function(res) {
     $(res).insertBefore(".grey");
   }
 });

看到：

> http://api.jquery.com/ajaxStart/
> http://api.jquery.com/ajaxStop/
> http://docs.jquery.com/Ajax_Events
> http://api.jquery.com/category/ajax/global-ajax-event-handlers/

原文地址：https://www.jb51.cc/jquery/176146.html