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