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实例代码如下：

<script src=”jquery.js“></script>
<script src=”jquery.ajaxmanager.js“></script>


<script>
jQuery(document).ready(function(){
$(’#button‘).click(function(){
 getContent();
});
});
function getContent(){
 var ajaxManager = $.manageAjax({manageType: ‘abortOld‘, maxReq: 0});
 ajaxManager.add({
 success: function(html) {
 $(’ul’).append(’<li>’+html+’</li>’);
 },
 url: ‘test.html‘
 });
}
</script>


<div id=”content”>
 <ul></ul>
</div>
<input type=”button” value=”ajax获取” id=”button”/>

test.html页面内容

<p>biuuu.com</p>

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

	Tags: Ajax, jQuery, Plugin, plugins, query, scripts, 效果图, 自定义, 静态

	Related posts
	
	jQuery插件TableSearch表格搜索实现Javascript搜索表格内容功能 (0)
	jQuery插件smartFocus实现javascript文本框blur焦点显示或隐藏默认值效果 (0)
	jQuery插件floatbox浮动层实现javascript弹出浮动窗口功能 [...]