jQuery插件AjaxManager实现Javascript自定义ajax请求和响应时间功能

jquery插件Ajax Manager (block, abort, queue, synchronize)可实现阻塞，放弃，查询和同步Ajax请求管理，由于功能比较强大，我写了一个非常简单的实例，实现基本的javascript 自定义ajax管理请求和响应时间，更多实例演示可参考AjaxManager。Ajax Manager使用方便，使用过程如下：

下载AjaxManager

jquery插件AjaxManager效果图：

一，首先声明一个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: 'abortOld', maxReq: 0});
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请求和响应时间功能。