manageAjax实现请求队列管理

一，首先声明一个ajaxManager对象，如：

var ajaxManager = $.manageAjax({manageType: 'abortOld', maxReq: 0});

其中，manageType表示ajax管理类型，分别是：sync、abortOld、queue，maxReq表示最大请求时间，同时还有一个 参数blockSameRequest表示如果请求相同的情况下是否阻塞其它请求，如：blockSameRequest: true。基本上只需要掌握这三个参数的配置，就能实现功能强大的javascript自定义管理ajax请求和响应时间功能。

二，然后给声明对象增加一个需要的ajax请求或响应方法add()，其使用方法与$.ajax()一样。

jquery插件AjaxManager实例代码如下：

1. <script src="jquery.js"></script>
2. <script src="jquery.ajaxmanager.js"></script>

1. <script>
2. jQuery(document).ready(function(){
3. $('#button').click(function(){
4. getContent();
5. });
6. });
7. function getContent(){
8. var ajaxManager = $.manageAjax({manageType:'queue',maxReq:1,blockSameRequest:true});
9. ajaxManager.add({
10. success: function(html) {
11. $('ul').append('<li>'+html+'</li>');
12. },
13. url: 'test.html'
14. });
15. }
16. </script>

1. <div id="content">
2. <ul></ul>
3. </div>
4. <input type="button" value="ajax获取" id="button"/>

 

test.html页面内容

1. <p>biuuu.com</p>

 

实例请求一个静态页面test.html的内容，每单击一次请求一次，功能简单，实现javascript自定义ajax请求和响应时间功能。