使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1393字，纯文字阅读大概需要2分钟。

内容图文

Wo = window.Wo || {}; 
Wo.ajax = { 
spinner : $([]) 
,init : function() { 
var $spinner = this.spinner = $('#ajax-loading'); 
var show = function(e) { 
if(e.namespace === 'Wo') $spinner.show(); 
}; 
var hide = function(e) { 
$spinner.hide(); 
}; 
$spinner.bind({ 
'ajaxStart.Wo' : show 
,'ajaxStop.Wo' : hide 
,'ajaxError.Wo' : hide 
}); 
this.adapt(['getJSON','get','post','ajax']); 
} 
// 预备发送请求 
,_prepare : function() { 
this.spinner.trigger('ajaxStart.Wo'); 
} 
// 接口批量变更 
,adapt : function(fns) { 
var self = this; 
$.each(fns,function(i,fn) { 
Wo[fn] = function() { 
self._prepare(); 
$[fn].apply(this,arguments); 
} 
}); 
} 
}; 
 
有两种方法可以判断出触发的事件是否为特定的事件： 
确定的命名空间。 
在触发时传递额外的参数给事件处理程序。 
这里用事件的命名空间来进行触发来源的判断。adapt方法相当于适配器的应用，用一套改善的接口替代了另一套接口。 
如果要增加load方法，稍微麻烦一点，因为有可能是ajax方法或者元素的onload事件。 
要添加一个代理方法，并进行类型判断： 
 代码如下:

var _load = $.fn.load; 
$.fn.load = function() { 
$.type(arguments[0]) === 'string' && self._prepare(); 
_load.apply(this,arguments); 
return this; 
}; 
 
使用 
所有方法参数仍与原先一致： 
 代码如下:

Wo.post(url, [data,] callback) 

            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码全部内容，希望文章能够帮你解决使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端