基本上我想显示一个加载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/