关于jQuery1.6.1版的ajaxstart不执行问题解决方案

以前在学习jQuery的ajax时,遇到了在1.6版的ajaxStart不执行问题,在csdn上面曾经发过贴(原文),前几天看到网友blackgull提供了jQuery1.6版的兼容方案,觉得很有必要重新整理下,便于自己查阅,以及有需要的朋友。具体代码如下:
1 2 3 4 5 全局Ajax事件应用示例 6 16 18 62 63 64 67
68 数据加载中... 69
70
71
    72
73
74 75
我的想法是:发送请求后,出现加载动画,完成后动画消失。
可是得到的实际效果却是第一次有动画,第二次又没有动画了,后来根据zell419,jiangguoliao等网友的提醒,添加随机数,取消缓存,但还是失败。然后自己试了下$.ajax({cache:false})(注释部分)以及使用ajaxSetup(),还是不成功。
后来换了jquery-1.4.2版的,成功显示了。于是这里写了2种解决方案,代码如下:
1.换个库就OK
1 2 3 4 5 全局Ajax事件应用示例 6 16 18 38 39 40 43
44 数据加载中... 45
46
47
    48
49
50 51
2.另一种是有csdn网友izgnaw提供的方法,对库没有限制
1 2 3 4 5 全局Ajax事件应用示例 6 16 18 36 37 38 41
42 数据加载中... 43
44
45
    46
47
48 49
最后提供在jquery-1.6.1版本下,用ajaxStart实现:
1 2 3 4 5 全局Ajax事件应用示例 6 16 18 42 43 44 47
48 数据加载中... 49
50
51
    52
53
54 55
在1.6.3版下也有效果。
PS: 第一次放到首页,菜鸟刚刚学习怎么写博客,如果有疏漏,欢迎大家给我批评和指正!或者给我留言!
参考资料:1.在CSDN上曾经发的贴
2.jQuery BUG Tracker
3.jQuery API -AJAX
Tags: 

延伸阅读

最新评论

发表评论