如何使用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/

相关文章

jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进...
扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。 入门 编写一个jQuery插件开始于给...
最近项目中需要实现3D图片层叠旋转木马切换的效果,于是用到了jquery.roundabout.js。 兼容性如图: ht...
一、什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异...
AMD 模块 AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一...