yangxianjiangg 发表于 2013-1-29 11:37:45

manageAjax实现请求队列管理

<div class="cnt">一,首先声明一个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:'queue',maxReq:1,blockSameRequest:true});
[*]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请求和响应时间功能。
页: [1]
查看完整版本: manageAjax实现请求队列管理